<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/head和content.css" />
</head>
<body>
<div class="head">
<div class="wrapper">
<p>❅❅❅❅❅炽热 ❤ 摄影❅❅❅❅❅</p>
</div>
</div>
<div class="content">
<div class="content1">
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/2.jpeg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/3.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/5.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/7.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/6.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/8.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/9.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/11.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/10.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/14.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/12.jpg" width="100%" height="400px" alt="摄影图">
</div>
<div class="content2">
<img class="lazy" src="img/grey.gif" data-original="img/13.jpg" width="100%" height="400px" alt="摄影图">
</div>
<!--<img class="lazy" src="img/4.jpg" data-original="img/bmw_m1_hood.jpg" width="100%" height="400px" alt="摄影图">-->
</div>
</div>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.lazyload.js"></script>
<script>
$(function(){
$("img.lazy").lazyload({
effect: "slideDown",//特效的样式
threshold : 200, //设置敏感度,距离屏幕为200像素时提前加载
event:"click"//事件
});
})
</script>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
