jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

 

jquery插件之懒加载效果引用方法案例

 

jquery插件之懒加载效果引用方法案例

第一步:

查看源代码:

jquery插件之懒加载效果引用方法案例

第二步:引用结构和代码:

jquery插件之懒加载效果引用方法案例

第三步:引入懒加载的js文件;放入自己的项目目录中。

jquery插件之懒加载效果引用方法案例

第四步:改变src:

在vs-code中直接CTRl+h即可全文查找:

jquery插件之懒加载效果引用方法案例

替换src为: 

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

第五步:js和js调用写在图片后面: 

 

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

把这段话引入进去: 

jquery插件之懒加载效果引用方法案例

jquery插件之懒加载效果引用方法案例

 

此时就完成了懒加载的效果了!