HTML
首先引入jquery库和lazyload插件:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lazyload.js"></script>
接着我们放置多个有图片的列表,注意图片上的属性original,即真正图片的地址,并且每个图片加上了.lazy。
<img src="images/grey.gif" original="http://www.sucaihuo.com/jquery/logo/45/middle.jpg" alt="超炫的弹出层效果Fancybox" class="lazy" />
jQuery
最后我们对有.lazy的图片进行懒加载:
$(function() {
$("img.lazy").lazyload({effect: "fadeIn"})
})
看下这个<a href='http://www.sucaihuo.com/jquery/demo/46/' target='_blank'>lazyload懒加载</a><storng>网页特效</strong>吧,突然有点流畅,有点炫哦!~
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791