当前位置：Gxlcms > html代码 > CSS实现的鼠标经过链接切换背景图片实例代码_html/css_WEB-ITnose

CSS实现的鼠标经过链接切换背景图片实例代码_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：57人阅读

CSS实现的鼠标经过链接切换背景图片实例代码:
很多导航栏都有这样的效果，当鼠标滑过的时候能够实现背景图片的切换，算是一个比较好的效果吧，也算是对导航栏最基本的美化了。
代码实例如下:

蚂蚁部落      蚂蚁部落一
    蚂蚁部落二
    蚂蚁部落三
    蚂蚁部落四

以上代码中，为了便于演示，背景图片用背景色替代了，在实际应用中只要把背景色替换为背景颜色就可以了。
原理非常的简单，主要是用到了链接伪类，具体可以参阅CSS的伪类选择符E:hover一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9798

更多内容可以参阅:http://www.softwhy.com/divcss/

人气教程排行