![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
轮播
ggggmlor
苦心人,天不负,百二秦关终归楚,越甲三千可吞吴
展开
-
使用滚轮轮播图片
效果图如下,只能用滚轮移动到头部和尾部 思路: 根据需要展示的图片数量(view-count)与slide-container中存放的图片数量设置ul的长度,然后设置每个li的均等宽度。 每次滚轮滚动ul移动一个li的距离 HTML...原创 2019-01-06 17:12:00 · 697 阅读 · 0 评论 -
JS实现无限轮播无倒退效果
原理:每次移动前设置transition过渡效果,完成清除过渡效果,然后在到达最后一张图片的时候在清除过渡效果之后translateX(0) 另外需要jq的引用 HTML: <div class="slide-container" view-count="3"> <ul> <li> <img src=...原创 2019-01-06 19:21:35 · 1482 阅读 · 1 评论