首先引入jquery库和lazyload插件：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lazyload.js"></script>接着我们放置多个有图片的列表，注意图片上的属性original，即真正图片的地址，并且每个图片加上了.lazy。
<img src="images/grey.gif" original="https://jy.tp.yuanmeng.life/jquery/logo/45/middle.jpg" alt="超炫的弹出层效果Fancybox" class="lazy" />jQuery最后我们对有.lazy的图片进行懒加载：
$(function() {
$("img.lazy").lazyload({effect: "fadeIn"})
})看下这个<a href='https://jy.tp.yuanmeng.life/jquery/demo/46/' target='_blank'>lazyload懒加载</a><storng>网页特效</strong>吧，突然有点流畅，有点炫哦！~
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
