jquery的lazyload插件分步显示图片的方法

来源：互联网发布：数据分析与商务智能编辑：程序博客网时间：2024/04/27 23:06

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><body><img data-original="images/001.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/002.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/003.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/004.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/005.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/006.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/007.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/008.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><img data-original="images/009.jpg" src="js/grey.gif"height="1077" border="0" /><br /><br /><script src="js/jquery-1.7.js" type="text/javascript"charset="utf-8"></script><script src="js/jquery.lazyload.js" type="text/javascript"charset="utf-8"></script><script type="text/javascript" charset="utf-8">$(function() {$("img").lazyload({effect : "fadeIn"});});</script></body></body></html>

0 0