|
查看效果 源碼下載
此個效果原本是一個很酷的flash做的，效果也十分的炫，那漸變和鼠標移過時的按鈕跟蹤十分喜歡,應(yīng)該很多人都看到過這效果。同時我也想擁有一個JS版的，此次焦點圖片輪換效果占命名為iFocus，還有很多細節(jié)方面沒達到flash那種程度，但基本需求可以滿足。
主要效果：
- 大圖，小圖，及對應(yīng)的標題，自動每5秒活動焦點變化一次
- 當鼠標移到此效果上面時，停止每5秒自動焦點變化
- 當鼠標移動到四個小圖上時，焦點變換到相對應(yīng)的大圖及標題
- 當傳的內(nèi)容過少只存在1,2,3個列表，循環(huán)時不影響效果自動輪換活動
擴展修改：
- 為適應(yīng)網(wǎng)頁布局時，在修改大小時，大圖，小圖對應(yīng)的img需要修改
- 大圖是利用top值滾動，相對應(yīng)的值top值在js里也需要修改
- 然后對滾動時間間隔可在setInterval(’autoiFocus()’,5000)中對5000進行修改,5000=5秒；
經(jīng)典論壇交流：
http://bbs.blueidea.com/thread-2891266-1-2.html
本文鏈接：http://www.95time.cn/tech/web/2008/6287.asp 
出處：藍色理想
責任編輯：bluehearts
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
