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

首頁 > 開發(fā) > CSS > 正文

CSS標準系列用CSS制作“鼠標經(jīng)過圖像”

2024-07-11 08:20:20
字體：大 中 小
供稿：網(wǎng)友
　　
　　以前我們用表格來布局網(wǎng)頁時，我們都很喜歡用DW（Dreamweav）中的“鼠標經(jīng)過圖像”，因為那的確吸引人！但是我們也同樣發(fā)現(xiàn)這樣的一個問題：當網(wǎng)速不太快的時候，鼠標經(jīng)過后的圖片還沒有下載下來，看上去很不美觀。并且還需要一大堆的JS代碼，還需要預(yù)載經(jīng)過圖片。相對來說比較麻煩！非凡是對那些現(xiàn)在記事本來手工編寫網(wǎng)頁的朋友更是煩得很。

　　事實上用CSS就可以解決這個問題，并且非常的簡單，下載快，不會出現(xiàn)鼠標經(jīng)過后的圖片還沒有下載下來這種情況。這個做法的原理很簡單：就是用<a>標簽的a:hover來觸發(fā)鼠標事件，然后通過CSS來變化其背景的上下左右的位置。下面就主要分析一下用CSS來制作“鼠標經(jīng)過圖像”。

XHTML代碼:
示例代碼 [www.CuoXIn.com]

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 桃园县| 武隆县| 西盟| 老河口市| 丰县| 香格里拉县| 吉首市| 彭山县| 武穴市| 祁阳县| 林西县| 海阳市| 荥经县| 哈巴河县| 西乌珠穆沁旗| 新余市| 泸溪县| 沭阳县| 万宁市| 渑池县| 屏南县| 濉溪县| 临西县| 来宾市| 泰顺县| 嵊泗县| 三原县| 通河县| 扶风县| 伊宁市| 绍兴市| 闽清县| 昌乐县| 正镶白旗| 会同县| 新泰市| 会泽县| 望谟县| 宣城市| 巴中市| 留坝县|