用js写的轮播图，八位女明星，你翻谁的牌！

今天下午利用摸鱼的时间做了一个图片轮播，嘿嘿，先看看效果，本来想搞动态图的，整出来效果不好，图片又超过了5M不让传，还是截图吧

 

感觉需

 

实现的功能：

1.定时向右滚动。

2.点击明星切换到最中间。

3.鼠标移入定时器被清除、鼠标移开定时器再次载入。

要改进的地方：

     1.参数img_num 即总图片的数量必须是大于等于5，小于5的话会有空隙。
     2.图片目前设定的宽 262px 高389px 如果尺寸的比例不符合的话效果没那么好。

实现思路：

1.先初始化几张图片（用div，然后div加入img），并将这些div存储到一个array中作为队列。

2.封装一个reset函数（包含自己先前写的动画函数），专门用来对这些图片设置样式，根据他们的位置设置不同的left top 宽度高度等。

3.当我们点击其中的div时，就同步将他的位置设置到队列的中间，同时它左右两边的同步移动（最前面的那个再往前移动的话就放到队列的最后，形成循环）。

4.队列设置好以后，调用reset 函数就会再次排版。

5.定时往右移动，鼠标移入清除定时器，移出时再次生成定时器。

 

完整代码

 

图片的话自己整，整理不易给个三连吧！！