网赚联盟与网站建设指南

CSS代码：
/* 预设样式 */
.divbox{
  height:300px;
  width:200px;
  background:#ffffff;
  border:solid 1px #ccc;
  float:left;
  margin-right:10px;
}

/*  滑入时变换底色样式 */  
.divOver{
  background:#eff8fe;
border:solid 1px #d2dce3;
}





javascript代码：
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script language="javascript">
$(function(){
  //当鼠标滑入时将div的class换成divOver
  $('.divbox').hover(function(){
    $(this).addClass('divOver');  
   },function(){
    //鼠标离开时移除divOver样式
    $(this).removeClass('divOver');
   }
  );
});
</script>




DIV代码：
<div id="menu">
    <div class="divbox">div1</div>
    <div class="divbox">div2</div>
    <div class="divbox">div3</div>
</div>




破洛洛提供：转载请注明（http://www.poluoluo.com）



演示地址：http://www.poluoluo.com/example/jquery/2/index.html



。
此文转摘en.vvery.com,复制请保留此行.