jQuery頁面圖片伴隨滾動條逐漸顯示的小例子
更新時間:2013年03月21日 11:49:17 作者:
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>
相關文章
Jquery實現(xiàn)無刷新DropDownList聯(lián)動實現(xiàn)代碼
隨著Jquery1.4的發(fā)布,Jquery運用越來越多了,讓我們來實現(xiàn)以前經常用到的DropDownList無刷新聯(lián)動。2010-03-03
jquery.cookie() 方法的使用(讀取、寫入、刪除)
jquery.cookie() 方法:一個輕量級的cookie 插件,可以讀取、寫入、刪除 cookie,下面有個不錯的數(shù)量,大家可以學習下2013-12-12

