国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 道孚县| 阿巴嘎旗| 普洱| 台北县| 新余市| 平江县| 成武县| 安丘市| 五台县| 灵宝市| 平和县| 枣阳市| 鹤峰县| 吴川市| 伊金霍洛旗| 广东省| 临猗县| 景谷| 台山市| 遵化市| 靖西县| 余干县| 新邵县| 门源| 平度市| 河南省| 铅山县| 霞浦县| 许昌县| 常宁市| 岳普湖县| 黄浦区| 都昌县| 崇礼县| 靖州| 宁乡县| 新津县| 夏河县| 缙云县| 老河口市| 囊谦县|