用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>