码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 图片随滚动条滚动加载

时间:2015-05-18 12:38:34      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

 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>

 

jQuery 图片随滚动条滚动加载

标签:

原文地址:http://www.cnblogs.com/ghelement/p/4511481.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!