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

jquery.lazyload.js——图片延迟出现

2015-06-20 21:30 671 查看

<script type="text/javascript" src="./resources/js/jquery.js"></script>
<script type="text/javascript" src="./resources/js/jquery.lazyload.js"></script>
<script type="text/javascript">

$(document).ready(function() {
/*图片延迟效果 */
$("img").lazyload({
threshold: 10,
effect: "fadeIn"
});
})
</script>
</head>
<body>
<div>
<img src="./resources/img/blank.gif" data-original="./resources/img/modo.jpg" width="900px" height="800" >
<img src="./resources/img/blank.gif" data-original="./resources/img/brandCo4.jpg" width="900px" height="400" >
<img src="./resources/img/blank.gif" data-original="./resources/img/gaoding1.jpg" width="900" height="400" >
<img src="./resources/img/blank.gif" data-original="./resources/img/siding1.jpg" width="900" height="400" >
<img src="./resources/img/blank.gif" data-original="./resources/img/siding1.jpg" width="900" height="200" >
<img src="./resources/img/blank.gif" data-original="./resources/img/siding1.jpg" width="900" height="200" >
<img src="./resources/img/blank.gif" data-original="./resources/img/siding1.jpg" width="900" height="200" >
<img src="./resources/img/blank.gif" data-original="./resources/img/siding1.jpg" width="900" height="200" >
</div>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航