软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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