1. 程式人生 > >用jquery較簡單的實現滑鼠移進移出樣式變化的效果!

用jquery較簡單的實現滑鼠移進移出樣式變化的效果!

<script type="text/javascript">
$().ready(function() {

 
     $(".xiongkaimg img").mouseover( function() {
          this.style.border = "solid 2px #6600FF";
     }).mouseout( function(){
          this.style.border = "none";
     });

 
});

</script>

<div class="xiongkaimg">
 
 <img src="../images/photo/card.png" title="經理級別以下胸卡模板" 
 style="float:left; width:349px; height:220px; margin-left:20px;margin-top:20px;border:none;" />
 
 
 <img src="../images/photo/Tulips.jpg" title="經理--主管級別胸卡模板" 

 style="float:left; width:349px; height:220px;  margin-left:20px;margin-top:20px;border:none;" />
 

 </div>