js无缝轮播效果制作||clss选择器调用时因注意的问题

来源:互联网 发布:夏易网络官网 编辑:程序博客网 时间:2024/05/05 17:05

1.做一个效果,首先要进行思路分析。(1),css样式布局。(2).让图片动起来。(3).鼠标移进时停止运动,移出运动开始。(4).点击左箭头向左运动,右箭头向右运动。

(1).css布局,overflow:hidden超出div盒子时隐藏,加定位是为了改变运动的位置。如下图


(2).js代码的编辑



(3).注意:当你采用class为标签命名时,通过js获取class标签是一个数组。所以在调用变量时要在变量的后面加下标,如[0]指第一个。如果你使用id命名标签。获取后则不用叫下标,因为id是唯一性的。

原创粉丝点击