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

图片懒加载 jquery.lazyload

2017-09-18 14:02 381 查看
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Lazy Load Enabled</title>

<!--[if lt IE 9]>

<script src="html5shiv.js"></script>

<![endif]-->

</head>

<body>

<img class="lazy" data-original="img/bmw_m1_hood.jpg" width="765" height="574" alt="BMW M1 Hood">

<img class="lazy" data-original="img/bmw_m1_side.jpg" width="765" height="574" alt="BMW M1 Side">

<img class="lazy" data-original="img/viper_1.jpg" width="765" height="574" alt="Viper 1">

<img class="lazy" data-original="img/viper_corner.jpg" width="765" height="574" alt="Viper Corner">

<img class="lazy" data-original="img/bmw_m3_gt.jpg" width="765" height="574" alt="BMW M3 GT">

<img class="lazy" data-original="img/corvette_pitstop.jpg" width="765" height="574" alt="Corvette Pitstop">

<script src="jquery-1.11.0.min.js"></script>

<script src="jquery.lazyload.js?v=1.9.1"></script>

<script type="text/javascript" charset="utf-8">

$(function() {

$("img.lazy").lazyload({effect: "fadeIn"});

});

</script>

<!--可删除-->

<script src="http://www.jq22.com/js/jq.js"></script>

<!--ecd 可删除-->

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航