开发工具与关键技术:DW/浏览器;JavaScript
作者:黄启浩
撰写时间:2019.02.07
在很多小白刚学前端的时候,用的是原生的js而非插件。现在就让小白们了解一下原生的轮播js。
基本思路是,要显示图片的盒子等同图片大小,在此盒子里面放图片的盒子,图片就相对于图片盒子进行相对定位。
对了,因为这里要切换5张图片,使其循环切换就要在第一张前放第五张图片,在第五张后面放第一张图片。这是一个逻辑的问 题。
好了,来看js部分
切换一张图片需要移动300个像素,我们通过拆分这300像素,移动多少次能达到300像素,每次移动是多少像素,然后就通过计时 器,自动运动次数来达到移动一张图片为止。
感谢大家的浏览,如有疑问可在评论留言哦!