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