附录3-jQuery插件

1  jQuery之家

官网 jQuery之家-自由分享jQuery、html5、css3的插件库

我们做个例子，选择这里的瀑布流插件

点开后发现有很多个，我们就用第一个

用之前先看一下效果

确认效果没问题后，看一下这里应该怎么用

能差不多看懂就点击下载插件，下载后会获得201808011428.zip，解压后会得到这些文件

打开index.html就会出现这个页面

下面我们在这个index.html随便改改就可以了

2  jQuery插件库

官网 jQuery插件库-收集最全最新最好的jQuery插件

2.1  图片懒加载

图片懒加载会仅仅加载用户可以看到的区域，看不到的区域不进行加载，目的为加快页面渲染速度

在jQuery搜索懒加载可以找到下面这些结果，我们选用其中的EasyLazyload.js

点进去后点击立即下载

• 需要进行登录，登陆后可以下载

下载后可以得到这个压缩包，解压后会得到文件夹EasyLazyload

我们在index中将img搞成自己的图像

这样就可以让用户看到哪加载到哪了

在script中有懒加载的对象，修改响应的属性可以该表效果，比如我不想让后面显示test，我就可以把converDiv直接改成一个空的字符

参数的信息可以看一下这个 EasyLazyload.js 超好用js图片延迟加载