焦点图片轮换

‍‍此个效果原本是一个很酷的flash做的，效果也十分的炫，那渐变和鼠标移过时的按钮跟踪十分喜欢,应该很多人都看到过这效果。同时我也想拥有一个JS版的，此次焦点图片轮换效果占命名为iFocus，还有很多细节方面没达到flash那种程度，但基本需求可以满足。

主要效果：

1. 大图，小图，及对应的标题，自动每5秒活动焦点变化一次

2. 当鼠标移到此效果上面时，停止每5秒自动焦点变化

3. 当鼠标移动到四个小图上时，焦点变换到相对应的大图及标题

4. 当传的内容过少只存在1,2,3个列表，循环时不影响效果自动轮换活动

扩展修改：

1. 为适应网页布局时，在修改大小时，大图，小图对应的img需要修改

2. 大图是利用top值滚动，相对应的值top值在js里也需要修改

3. 然后对滚动时间间隔可在setInterval(’autoiFocus()’,5000)中对5000进行修改,5000=5秒；‍‍

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/code/147

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！