JQuery鼠标移到图片改变,移出图片恢复原来图片
<script src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".imgdiv").mouseover(function(){
$(".imgsrc").attr("src","images/adver2.jpg");
});
$(".imgdiv").mouseout(function(){
$(".imgsrc").attr("src","images/adver1.jpg");
});
});
</script>
<div class="imgdiv" style="width:1000px;margin:0 auto;">
<a href="#" target="_blank" style="cursor:pointer;"><img class="imgsrc" src="images/adver1.jpg"/></a>
</div>
<script src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".imgdiv").mouseover(function(){
$(".imgsrc").attr("src","images/adver2.jpg");
});
$(".imgdiv").mouseout(function(){
$(".imgsrc").attr("src","images/adver1.jpg");
});
});
</script>
<div class="imgdiv" style="width:1000px;margin:0 auto;">
<a href="#" target="_blank" style="cursor:pointer;"><img class="imgsrc" src="images/adver1.jpg"/></a>
</div>