首頁 >web前端 >js教程 >完美相容各大瀏覽器的jQuery仿新浪圖文淡入淡出間歇滾動特效_jquery

完美相容各大瀏覽器的jQuery仿新浪圖文淡入淡出間歇滾動特效_jquery

WBOY
WBOY原創
2016-05-16 16:31:331376瀏覽

1、效果及功能說明 仿新浪微博圖片文字列表上下淡進淡出間歇上下滾動

2、實現原理首先要設定div內只能顯示4個圖片那麼多出來的圖片會自動隱藏然後在給圖片添加一個動畫的事件讓他們可以滾動的播放出來上下滾動效果播放就是li標籤裡面的內容圖片和文字把每一個li看成一個整體在滾動播放的時候進入div內的顯示出來在最後離開div的時候隱藏在給整個動畫效果設定一個時間就可以完整的運行。

3、運轉環境

IE6 IE7 IE8以上 Firefox 與 Google Chrome遊覽器下都可實現

4、所有圖片的壓縮包新建一個文件後將包解壓放進文件夾圖片的壓縮包在頁面的最下方可以看到並下載下載後無需修改文件夾名因為本身就已經寫好了和html5內的路徑吻合

5、將創建html檔案保存的時候將編碼類型換成(UTF-8有簽名)這樣可以讓部分中文正常的顯示出來,將保存類型(T)換成(所有檔案(*.*) ),將html5和解壓後的圖片資料夾放在同一個資料夾內效果

6、代碼

複製程式碼 程式碼如下:

>




身體>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn