首页 > 代码库 > 轮播图js底层思想

轮播图js底层思想

1. 先获得所有的对象。

2. 根据图片的个数动态的生成(创建)小方块。

  2.1 默认让第一个小方块显示黄色

3. 注册鼠标移入事件,鼠标移入对应的小方块的时候,当前的小方块显示黄色,排他让其它的变为无色。

4. 鼠标移入小方块,显示对应的图片 比如放入第3个小方块,就显示第3张图片,也就是让ul向左移动。

5. 鼠标移入大盒显示左右按钮。

6. 给左右按钮注册单击事件。

7. 动态的在ul的最后添加第一张图片。

8.添加自动轮播。

Ps : 让轮播图上的标识的小方块和左右点击的时候让它们的显示状态同步。

轮播图js底层思想