无锡网络公司主营:微信公众号开发 视频主持人无锡网站建设无锡网站推广、400电话、淘宝店铺装修

无锡网站建设 >建站套餐

您当前的位置:明翔网络首页 >网站建设客户须知

建站套餐
功能开发
网站维护
网站推广
用户体验
域名主机
网络服务

鼠标悬浮到div上,边框变色的方法


『作者:明翔 』『2012/5/24』

鼠标悬浮到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>


tags:

上一篇ewebeditor在线编辑器IE8下 按钮没反应的解决方法 下一篇用hr标签做无边框无边距的分隔线
文章作者:明翔
本文地址:http://www.seopets.com/webnews.asp?id=492
版权所有-转载时必须以链接形式注明作者和原始出处!

主机租用
无锡明翔网络保证提供给客户的虚拟主机速度快、稳定,虚拟主机由中国频道提供服务器配置。
企业邮局
自主管理邮箱设定支持别名及邮件分组列表功能,传输加密收发可靠,安全及反攻击设备
网络推广
百度优化推广是一种自然正规的网络网络推广方式,价格和竞价相比便宜和竞价相比便宜。
域名注册
IDN(国际化域名名称)标准,全面支持A、CNAME、MX记录及URL转发,拥有全部域名管理权。

Copyright 2009-2014 All Rights Reserved @ 明翔网络 地址:无锡市新区旺庄路
邮政编码:214000 客服电话:180-3629-6280 经营性许可证:苏ICP备11043233号 客服邮箱:admin@seopets.com