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

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

純CSS圖片預(yù)加載實(shí)例 擺脫Javascript預(yù)載的束縛

2024-07-11 08:49:05
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
有很多種方法來(lái)實(shí)現(xiàn)圖片的預(yù)加載，通常大部分使用Javascript讓事情滾動(dòng)。不要再受Javascript預(yù)載的束縛了吧，用CSS你就可以毫不麻煩的預(yù)載你的圖片。

為什么使用預(yù)載
你為什么會(huì)考慮使用預(yù)載呢？你是否曾有個(gè)網(wǎng)站，在那個(gè)網(wǎng)站你要滾動(dòng)你的導(dǎo)航然后有個(gè)延遲直到圖片被加載完……嘿嘿。預(yù)載將在這方面幫助你。它將在頁(yè)面加載的時(shí)候加載那些圖片并將其存儲(chǔ)在瀏覽器的緩存里面。這樣當(dāng)用戶(hù)滾動(dòng)導(dǎo)航的時(shí)候，很漂亮而且流暢，沒(méi)有延遲。

CSS代碼
這個(gè)概念就是寫(xiě)一個(gè)CSS樣式設(shè)置一批背景圖片，然后將其隱藏，這樣你就看不到那些圖片了。那些背景圖片就是你想預(yù)載的圖片。

這是一個(gè)例子:


復(fù)制代碼

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 婺源县| 翁牛特旗| 安阳县| 通化县| 卓资县| 漳平市| 松溪县| 双鸭山市| 忻州市| 法库县| 阿拉善左旗| 仁寿县| 洪雅县| 永泰县| 丰县| 普洱| 南宁市| 平湖市| 万山特区| 会同县| 海安县| 新田县| 大渡口区| 丹阳市| 巴东县| 文成县| 潼南县| 南阳市| 水富县| 田林县| 凉山| 武乡县| 宁都县| 根河市| 台东县| 星子县| 囊谦县| 大名县| 嵊泗县| 大兴区| 柳林县|