鼠标悬浮到div上,边框变色的方法:
html代码:
<body>
<div class="box">
<div class="dyk" onmousemove="this.className='BORDER1'" onmouseout="this.className='BORDER2'">内容</div>
<div class="dyk" onmousemove="this.className='BORDER1'" onmouseout="this.className='BORDER2'">内容</div>
<div class="dyk" onmousemove="this.className='BORDER1'" onmouseout="this.className='BORDER2'">内容</div>
<div class="dyk" onmousemove="this.className='BORDER1'" onmouseout="this.className='BORDER2'">内容</div>
<div class="dyk" onmousemove="this.className='BORDER1'" onmouseout="this.className='BORDER2'">内容</div>
<div class="dyk" onmousemove="this.className='BORDER1'" onmouseout="this.className='BORDER2'">内容</div>
</div>
</body>
CSS设置:
<style type="text/css">
<!--
.box {
height: 244px;
width: 306px;
background: #FFFFCC;
overflow: hidden;
}
body,div {
margin: 0px;
padding: 0px;
}
.dyk, .BORDER1, .BORDER2 {
margin: 10px;
float: left;
height: 100px;
width: 80px;
display: inline;
}
.BORDER1 {
border: 1px solid #FF0000;
}
.BORDER2,.dyk {
border: 1px solid #999999;
}
-->
</style>