国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 網(wǎng)站 > 網(wǎng)頁(yè)設(shè)計(jì) > 正文

圖片動(dòng)態(tài)加載技術(shù)應(yīng)用及jquery.lazyload插件使用實(shí)例

2024-08-30 08:35:19
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
應(yīng)用實(shí)例小站 http://www.uhuigou.net
圖片動(dòng)態(tài)加載不算什么新東西了,很多大站都在用,優(yōu)勢(shì)很明顯,主要是節(jié)省流量(包括服務(wù)器和客戶(hù)端),給用戶(hù)的體驗(yàn)也要好些,可以提高頁(yè)面的打開(kāi)速度.
原理也不復(fù)雜,圖片還是用原來(lái)的img標(biāo)簽,src指向一個(gè)默認(rèn)的小圖,比如loading之類(lèi),然后自定義一個(gè)img的屬性保存真正的圖片地址,當(dāng)用戶(hù)訪問(wèn)到這個(gè)圖片位置的時(shí)候,通過(guò)js控制把src的值改成自定義屬性的值.

這個(gè)功能現(xiàn)在被做成了很多插件.我用的叫 jquery.lazyload ,需要的到我的站上直接下載吧,只需要這一個(gè)文件就夠了,當(dāng)然你還得有jqeruy
使用方法也很簡(jiǎn)單,原來(lái)的img標(biāo)簽加一個(gè) data-original 屬性保存真實(shí)的圖片地址,例子如下

復(fù)制代碼

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 应用必备| 松阳县| 梨树县| 瑞昌市| 榆林市| 阆中市| 临西县| 当雄县| 抚远县| 伊宁县| 兰州市| 宿松县| 大冶市| 象州县| 家居| 河曲县| 奉贤区| 石景山区| 收藏| 巧家县| 砚山县| 宁津县| 南平市| 乌拉特后旗| 九江县| 乐至县| 马关县| 津南区| 洛阳市| 鄂托克前旗| 海门市| 承德市| 泊头市| 革吉县| 嘉禾县| 南岸区| 资阳市| 嵊州市| 习水县| 濮阳市| 崇左市|