用jquery較簡單的實現滑鼠移進移出樣式變化的效果!
阿新 • • 發佈:2019-01-28
<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>