圖片延遲加載的實現(xiàn)代碼(模仿懶惰)
更新時間：2013年03月29日 15:20:04 作者：
在瀏覽網(wǎng)頁時經(jīng)常會碰到圖片延遲加載的情況,它的優(yōu)勢在于提高加載速度，未加載前加載圖片占位圖，接下來為大家詳細(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)文章
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的圖片保存功能,結(jié)合實例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函數(shù)圖片保存功能相關(guān)使用技巧,需要的朋友可以參考下2019-04-04
javascript框架設(shè)計之瀏覽器的嗅探和特征偵測
這篇文章主要介紹了javascript框架設(shè)計之瀏覽器的嗅探和特征偵測的相關(guān)資料,需要的朋友可以參考下2015-06-06
layer.open組件獲取彈出層頁面變量、函數(shù)的實例
今天小編就為大家分享一篇layer.open組件獲取彈出層頁面變量、函數(shù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本篇文章主要介紹了微信小程序-滾動消息通知的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
利用JavaScript控制元素(標(biāo)簽)的顯示與隱藏
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript控制元素(標(biāo)簽)的顯示與隱藏的相關(guān)資料,JavaScript有多種方式可以實現(xiàn),文中介紹了三種方法以及區(qū)別,需要的朋友可以參考下2023-07-07
這篇文章介紹了gojs實現(xiàn)螞蟻線動畫效果的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01
這篇文章主要介紹了微信小程序的開發(fā)范式BeautyWe.js詳解，它是一套專注于微信小程序的企業(yè)級開發(fā)范式，它的愿景是：讓企業(yè)級的微信小程序項目中的代碼，更加簡單、漂亮,需要的朋友可以參考下2019-07-07
e.target與e.currentTarget對象的使用區(qū)別詳解
這篇文章主要為大家介紹了e.target與e.currentTarget的使用區(qū)別示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
在《理解Javascript_12_執(zhí)行模型淺析》一文中,我們初步的了解了執(zhí)行上下文與作用域的概念，那么這一篇將深入分析執(zhí)行上下文的構(gòu)建過程，了解執(zhí)行上下文、函數(shù)對象、作用域三者之間的關(guān)系。2010-10-10
利用百度echarts實現(xiàn)圖表功能簡單入門示例【附源碼下載】
這篇文章主要介紹了利用百度echarts實現(xiàn)圖表功能簡單,結(jié)合簡單示例形式分析了echarts插件的圖標(biāo)繪制功能相關(guān)實現(xiàn)技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-06-06