国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 白山市| 齐河县| 邯郸市| 仁寿县| 台江县| 无为县| 泰州市| 荃湾区| 清镇市| 娄底市| 东乌| 长垣县| 广饶县| 宜宾县| 通化市| 雷山县| 舟山市| 新郑市| 醴陵市| 洛浦县| 沽源县| 沾化县| 莲花县| 西丰县| 冷水江市| 闵行区| 大方县| 白银市| 大田县| 穆棱市| 罗定市| 绿春县| 孙吴县| 抚顺市| 探索| 华坪县| 漯河市| 漠河县| 博客| 东港市| 博爱县|