应用于“图片数量多、体积大”页面的预加载，会给浏览者带来较好的用户体验，尤其是企业LOGO的提前显示，会让网站呈现出更完整的品牌形象。

 

点击查看DEMO页

 

优点：

1、未加载完成前，正式页面不显示。

2、自定义加载序列、自定义背景颜色变化、背景透明度。

3、参数灵活、调用较丰富，如以下3种加载画面方式。

4、站长dudu加入了时间线动画机制，可在加载原画面基础上，自定义更丰富的JS动画。

5、加载完毕后给出消息，方便自定义调用事件（如消隐掉加载动画、调用新的进场动画等）。

缺点：

- 进度计算，是以图片加载完成的张数（而不是字节数）来计算的，因此加载数字进程看上去不平均。

本测试范例使用的LOGO加载方式，加载过程中，调用了自定义“小光点向上飞行”的动画，为演示方便，只加载了2张大图，加载完成后，即撤去黑底，播放大图动画。

付费100元，可得到完整程序包，含技术文档，及得到站长技术支持。

本站长支付宝帐号：258754@qq.com

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: preloaderpreloader jqueryjquery
相关日志: