圖片延遲加載的實現(xiàn)代碼(模仿懶惰)
更新時間：2013年03月29日 15:20:04 作者：
在瀏覽網(wǎng)頁時經(jīng)常會碰到圖片延遲加載的情況,它的優(yōu)勢在于提高加載速度，未加載前加載圖片占位圖，接下來為大家詳細介紹下，感興趣的朋友可以參考下哈
加到頁面head標簽即可！
復制代碼 代碼如下:
<script type="text/javascript" src="http://plwcommon.hywlm.com/PLWCommonJs/lazyload/jquery.lazyload.js"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
placeholder : "http://plwcommon.hywlm.com/PLWCommonJs/lazyload/grey.gif", //加載圖片前的占位圖片
effect : "fadeIn" //加載圖片使用的效果(淡入)
});
});
</script>
相關文章
JavaScript實現(xiàn)獲得所有兄弟節(jié)點的方法
這篇文章主要介紹了JavaScript實現(xiàn)獲得所有兄弟節(jié)點的方法,實例分析了javascript節(jié)點遍歷的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
window.location.href和window.open窗口跳轉區(qū)別解析
這篇文章主要為大家介紹了window.location.href和window.open 跳轉區(qū)別解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了JS 獲取鼠標左右鍵的鍵值方法，很簡單，但很實用，特別是在做與用戶交互相關的東西2014-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)選項卡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)京東秒殺效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡單打磚塊彈球小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
看了JavaScript DOM 編程藝術的Best Practices那章，才知道我們在制作網(wǎng)頁的時候有很多東西需要考慮2013-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)鼠標點擊飄愛心效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了JS實現(xiàn)簡易換圖時鐘功能,結合實例形式分析了javascript結合時間函數(shù)定時變換顯示圖片實現(xiàn)時鐘功能的相關操作技巧,代碼中備有較為詳盡的注釋便于理解,需要的朋友可以參考下2018-01-01
本文主要分享了js實現(xiàn)無縫滾動圖的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02