您好,欢迎来到酸奶情感。
搜索
您的当前位置:首页CSS实现的鼠标经过链接切换背景图片实例代码_html/css

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

来源:酸奶情感


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

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

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

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

    Copyright © 2019- snpa.cn 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务