標籤：
<!--引入以下兩個js檔案--> <script type="text/javascript" src="./js/jquery.min.js"> </script> <script type="text/javascript" src="./js/jquery.lazyload.js"> </script> <!--初始化--> <script> $(function(){ // 在灰色佔位圖片被點擊之前阻止載入圖片 $("img.lazy").lazyload({ placeholder : "img/grey.gif", event : "click" }); $("ul img").lazyload({ placeholder :"vsli1.gif", //當圖片完全載入的時候, 外掛程式預設地使用 show() 方法來將圖顯示出來. 其實你可以使用任何你想用的特效來處理 effect : "fadeIn", threshold : 10 }); }); </script><body><img class="lazy" src="./image/1.jpg" width="100" heigh="100" /><ul> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./images/1.jpg" ></li> <li><img src="./images/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./image/1.jpg" ></li> <li><img src="./image/11.jpg" ></li> <li><img src="./images/1.jpg" ></li> <li><img src="./images/11.jpg" ></li></ul></body>
jquery 消極式載入代碼
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
