推广 热搜: 进口  企业  河南  未来  大地  朝鲜  曙光  上海  其他  龙江 

分享一个jQuery的图片预加载插件:QueryLoader2

   日期:2011-12-27     来源:ZYD创业网    作者:zyidi    浏览:144    评论:0    

分享一个jQuery的图片预加载插件 - QueryLoader2 by GBin1ocom

分享一个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) 这个方法在完成加载和动画后调用

来源:分享一个jQuery的图片预加载插件 - QueryLoader2

 
打赏
 
更多>同类新资讯
0相关评论

推荐图文
推荐新资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  违规举报  |  豫ICP备14023129号