邮箱:wisepu@szdbi.com   电话:0755-23110995   联系我们   |   网站地图   



简单JS制作div的边框随鼠标变色

来源:     发布:     点击:

<html>
 <head>
  <style type="text/css">
  .szdbi1 {
    width:275px;
    height:150px;
    color: red;
    border: 1px solid red;
  }
  .szdbi{
    width:275px;
    height:150px;
    color: red;
    border: 1px solid black;
  }

  </style>
  <script language="javascript">
   function hc(obj,cssname) {
 obj.className = cssname; //obj为对象名,cssname为对象的class名
   }
</script>
 </head>
 <body>
  <div  onMouseOver="hc(this,'szdbi1');" onMouseOut="hc(this,'szdbi');" class="szdbi">
     <img src="http://www.szdbi.com/skin/default/images/LINK_logo.png" />
     <p><a href="http://www.szdbi.com">深蓝互联测试</a></p>
 
  </div>
 </body>
</html>



深圳市龙华新区龙观西路2号宝龙大厦B915(与布龙路交汇处)