圖片延遲加載的實現(xiàn)代碼(模仿懶惰)
更新時間:2013年03月29日 15:20:04 作者:
在瀏覽網頁時經常會碰到圖片延遲加載的情況,它的優(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

