分享一個jQuery的預加載插件,這個插件通過檢查頁面中的所有元素來提前加載所有包含的圖片(包括背景圖片),這個版本的插件是原來版本的一個更新,更容易使用。
Queryloader目前需要jQuery1.7,并且支持IE>7, Chrome, Safari和Firefox。
如何使用
引入類庫
<script src="path/to/file/jquery.queryloader2.js" type="text/javascript"></script>
當然你必須在以上代碼之前引入jQuery類庫,然后調用如下代碼:
$(document).ready(function () { $("body").queryLoader2(); });
如果你在iOS上使用,請調用如下:
window.addEventListener('DOMContentLoaded', function() { $("body").queryLoader2(); });
相關選項:
backgroundColor
(string) 加載的背景顏色
barColor
(string) 加載條背景顏色
barHeight
(int) 加載條高度,缺省為1
deepSearch
(boolean) 設置為“true“來找到所有的指定元素對應圖片。如果你不希望查找子元素,可以設置為false。
percentage
(boolean) 設置為“true”來啟用百分比展示,缺省為false
completeAnimation
(string) 設定結束的動畫類型,”grow“或者為“fade”,缺省為fade
onLoadComplete
(function) 加載完畢后調用的方法。對于修改動畫非常實用
onComplete
(function) 這個方法在完成加載和動畫后調用