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