控制GIF動畫暫停播放的代碼
藍葉 網站設計 2016-05-08 9541 1評論
分享文章時配上一些GIF動畫圖檔是很不錯的，可以很好的展示一些資訊，也可以讓使用者更明白文章的重點；GIF圖檔檔案比靜态圖檔體積要大，一個頁面如果展示太多GIF動畫圖檔，打開頁面時占用浏覽器資源會比較高，頁面會有些卡頓，這時候我們可以用到這個控制GIF動畫圖檔暫停播放的特效代碼，使用後當頁面打開後，所有的GIF動畫都是暫停狀态，隻有點選後才開始播放，有效的降低了浏覽器資源占用問題，這可比一打開頁面就播放GIF動畫來說是很不錯的使用者體驗。
這個控制GIF動畫暫停播放的代碼JS檔案隻有不到2KB大小，隻需要按照下面的方法引用到頁面中就可以使用了，這個代碼要用到jquery庫，是以安裝代碼時要檢查下頁面是否引用了jquery庫，如果沒有就自己加上jquery庫引用代碼。
在頁面源代碼前面加上下面的代碼，注意寫好gifffer.js的引用路徑：
來源：百度網盤| 大小：924KB| 下載下傳次數：980次
評論一下
贊助藍葉
贊助藍葉X
版權申明：此文如未标注轉載均為本站原創，自由轉載請表明出處《藍葉部落格》。
本文網址：https://lanyes.org/web/734.html