ddc
联网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
网站建设 域名注册 网站建设 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg王国 ACG玩家 品牌设计 上海网站建设
求创科技
网站建设
中国互联
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> DIV特效代码 >> CSS+DIV实现鼠标经过背景变色

CSS+DIV实现鼠标经过背景变色 (1)

来源:中国设计秀    作者:佚名    点击:3279     加入收藏

       实现鼠标经过背景变色的方法有很多,今天我们介绍的是用CSS+DIV实现的方法。

方法一

#div:hover{background:#000000;}

    解释:鼠标经过id为div的元素时背景变色

    IE6.0、Firefox2.0、Opera 9.23都不行

    方法二

<div onmouseover="this.style.backgroundColor='#F4F9FD'" onmouseout="this.style.backgroundColor='#FFFFFF'"></div>

    方法三:

<style>
.d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}
</style>

<div class="d_out" onmouseover="this.className='d_over'" onmouseout="this.className='d_out'">哈哈哈哈哈</div>

    <a>的标签是可以,可是,这样子会导致其它带有<a>标签的也跟着变色。

    一般<a>是用来定义链接的样式的,并不是定义某个区域的。现在常用的div+css的网页用,div就是表示区域的意思,还是喜欢用这种,当然用table的话,会有更简单的方法。

   

[1] [2]
2008-08-01 11:27:30    出处:中国设计秀cnwebshow.com
Google
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口