您的位置:首页 > Web前端 > JQuery

jQuery 图片随滚动条滚动加载

2015-05-18 11:25 239 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JQurey.LazyLoad.js插件使用说明-http://www.jb51.net</title>
<style type="text/css">
* { font-size:12px; }
</style>
</head>

<body>
<p>1、将文件解压,将Js文件夹所有文件上传至网站根目录,目录形式为:<br /> http://www.jb51.net/Js/lazyload/grey.gif<br /> http://www.jb51.net/Js/lazyload/jquery.js<br /> http://www.jb51.net/Js/lazyload/jquery.lazyload.js </p>

2、调用方法:<br />
在需要用到特效的页面上,加上以下代码<br />
<script type="text/javascript" src="/Js/lazyload/jquery.js"></script><br />
<script type="text/javascript" src="/Js/lazyload/jquery.lazyload.js"></script>

<p>3、如果上传路径改变,或者加载时图片打叉,说明图片路径不正确,查找jquery.lazyload.js中的placeholder:,将后面的图片地址换成绝对地址即可!</p>

<p>如有问题,请登录 <a href="http://www.jb51.net/">http://www.jb51.net</a> 留言!</p>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: