方法一
#div:hover{background:#000000;}
解释:鼠标经过id为div的元素时DIV背景变色
IE6.0、Firefox2.0、Opera9.23都不行
方法二
<divonmouseoverdivonmouseover="this.style.backgroundColor='#F4F9FD'"
onmouseout="this.style.backgroundColor='#FFFFFF'"></div>
方法三:
<style>
.d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}
</style>
<divclassdivclass="d_out"onmouseover="this.className='d_over'"
onmouseout="this.className='d_out'">DIV背景颜色</div>
<a>的标签是可以,可是,这样子会导致其它带有<a>标签的也跟着变色。
一般<a>是用来定义链接的样式的,并不是定义某个区域的。现在常用的DIV+CSS的网页用,DIV就是表示区域的意思,还是喜欢用这种,当然用table的话,会有更简单的方法。
【编辑推荐】
DIV背景透明样式使用
JavaScript动态创建div属性和样式
CSS中border和clear两大属性用法揭秘
实现DIV居中布局三种途径
解读DIV CSS网页布局中CSS无效十个原因
分享到:
相关推荐
HTML部分代码: 代码如下: <ul> 鼠标经过时改变背景色</li> 鼠标经过时改变背景色</li> 鼠标经过时改变背景色</li> 鼠标经过时改变背景色</li> </ul> javascript部分代码: 当鼠标经过时,给li添加class=”current”...
主要介绍了jQuery实现鼠标滑过Div层背景变颜色的方法,涉及jQuery中hover及addClass方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
鼠标经过显示隐藏层js,隐藏层可加css样式,可随意控制大小,js有详细注释
div+css 鼠标经过 边框线条特效 div+css 鼠标经过 边框线条特效 div+css 鼠标经过 边框线条特效 div+css 鼠标经过 边框线条特效
原生js div设置宽度_div设置背景颜色代码
Jquery+div+css 鼠标经过内容切换实例,有用到可以拿去参考哦!
鼠标移动到div上弹出div或者信息,并且自适应显示位置;每一步代码都有详细的解释;简单,通俗易懂
js鼠标浮动显示div,在鼠标移动至input后可显示div层中的内容
鼠标移到DIV上特效,鼠标移到DIV上特效,鼠标移到DIV上特效
div设置宽度背景颜色js代码是一款可设置宽度大小跟背景颜色的原生js代码下载。
New Document ul{ list-style:none; } a{ padding-left:1.5em;font-size:12px;height:23px;line-height:23px;color:gray;text-decoration:none;... background:url(/article/upimages/bbs_bg_off.gif);...
js 实现 鼠标移入移出时颜色变化! 值得下载看看!资源免费,大家分享!!
一、p标签内直接设置背景颜色 复制代码代码如下:<div xss=removed>背景为黑色</div> p标签内设置背景色为黑色,字体颜色为白色 p标签内设置背景色截图 通过p标签内设置style设置背景色等CSS样式。 二、外部css设置...
div+css制作的鼠标经过放大字体样式的特效,让你美味无穷啊
jquery/js实现鼠标点击一个div,另一个div变色demo
div css移动鼠标改变样式弹出div层
jQuery单击div更改背景颜色
js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟...