免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 综合 专题 热点
您的位置: 起源之家 > 免费资源 > 免费插件 > 文章正文

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

时间:12-27 15:48 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  分享一个jQuery的预加载插件,这个插件通过检查页面中的所有元素来提前加载所有包含的图片(包括背景图片),这个版本的插件是原来版本的一个更新,更容易使用。



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

来源:

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,分享一个jQuery的图片预加载插件:QueryLoader2对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与分享一个jQuery的图片预加载插件:QueryLoader2无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对起源之家有任何意见或建议,请到交流平台反馈。到留言板反馈