为了方便大家使用,我把HtmlCSS,以及js 和用到图片都放在下面了**
特此说明:这个无缝輪播的代码是可以直接复制粘贴使用,嘻嘻!
1.先新建一个文件随意命名即可。
2.然后打开文件夹再新建。
3.把文章底部的5张图片保存到images文件夹里面
4.用你的编辑器打开这个文件夹
5.剩下的就是复制粘贴到对应的里面就可以了
Html和Css 这里再说一下我是直接把css样式直接写在了style里面,这個没有引入js的代码比较长,直接外部引入的js就是这两句
Html和Css代码在这里开始
这里就是js的代码了,一共两个一个叫无缝轮播.js,另一个叫animate.js
//给底部的小圆点添加点击效果 //点击右侧按钮,实现图片的滚动 //点击左侧按钮实现图片的滚动 // 每次进来先把之前的定时器清空 // 现获取这个标簽所在的位置 // 现在的位置和?标位置的差值?于 每次移动的距离 直接到达?标 // 如果?到最后?步 就直接让元素 到达?标