51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

jQuery页面图片伴随滚动条逐渐显示的小例子


++复制代码++ 代码如下:

<script type="text/javascript" src="jquery.min.js"></script>
<!-- //再载入lazyload -->
<script type="text/javascript" src="jquery.lazyload.js"></script>
<script type="text/javascript"> jQuery(document).ready( function($){ $("container").lazyload();
$("img").lazyload({ placeholder : "grey.gif", //加载图片前的占位图片 effect : "fadeIn" //加载图片使用的效果(淡入) }); });
</script> <style type="text/css"> #container { height: 2500px; background:#333; } </style>
</head>
<body>
<img src="flash.jpg">
<br/>
<div id="container">
<img src="1.jpg">
<br/>
<img src="2.jpg">
<br/>
<img src="3.jpg">
<br/>
<img src="4.jpg">
<br/>
<img src="5.jpg">
<br/>
<img src="6.jpg">
<br/>
<img src="7.jpg">
<br/>
<img src="8.jpg">
<br/>
<img src="9.jpg">
<br/>
</div>





赞(0)
未经允许不得转载:工具盒子 » jQuery页面图片伴随滚动条逐渐显示的小例子