jQuery 图片随滚动条滚动加载

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <title>JQurey.LazyLoad.js插件使用说明-http://www.jb51.net</title>
 5 <style type="text/css">
 6 * { font-size:12px; }
 7 </style>
 8 </head>
 9 
10 <body>
11 <p>1、将文件解压,将Js文件夹所有文件上传至网站根目录,目录形式为:<br />
12 http://www.jb51.net/Js/lazyload/grey.gif<br />
13 http://www.jb51.net/Js/lazyload/jquery.js<br />
14 http://www.jb51.net/Js/lazyload/jquery.lazyload.js
15 </p>
16 
17 2、调用方法:<br />
18 在需要用到特效的页面上,加上以下代码<br />
19 &lt;script type="text/javascript" src="/Js/lazyload/jquery.js"&gt;&lt;/script&gt;<br />
20 &lt;script type="text/javascript" src="/Js/lazyload/jquery.lazyload.js"&gt;&lt;/script&gt;
21 
22 <p>3、如果上传路径改变,或者加载时图片打叉,说明图片路径不正确,查找jquery.lazyload.js中的placeholder:,将后面的图片地址换成绝对地址即可!</p>
23 
24 <p>如有问题,请登录 <a href="http://www.jb51.net/">http://www.jb51.net</a> 留言!</p>
25 </body>
26 </html>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。