js轮播(qq幻灯片效果)

原理及知识点

       原理:使用div盒子,ul包li,复制多一个ul1,当第一个ul滚动到最后一张的时候,下一次的点击将ul1定位到显示的那个位置,这里要注意一下z-index,ul定位到上一张的位置,然后才让两个滚动

知识点:这里用到了 (运动框架,自定义属性,定时器,复制元素,添加元素)

代码链接:https://llcmite.github.io/          进去首页的轮播图就是了

github:https://github.com/llcMite/llcMite.github.io.git

上一篇:原生JavaScript的省市县三级联动


下一篇:go 下面定义嵌套结构