查看效果　　源码下载

此个效果原本是一个很酷的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秒；

经典论坛交流：
http://bbs.blueidea.com/thread-2891266-1-2.html

本文链接：http://www.blueidea.com/tech/web/2008/6287.asp　

出处：蓝色理想
责任编辑：bluehearts

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。