首页 > Web开发 > 详细

轮播图js底层思想

时间:2016-09-17 01:47:00      阅读:281      评论:0      收藏:0      [点我收藏+]

1. 先获得所有的对象。

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

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

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

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

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

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

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

8.添加自动轮播。

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

轮播图js底层思想

原文:http://www.cnblogs.com/chanphy/p/5877705.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!