JQuery鼠标移到图片改变,移出图片恢复原来图片
2017-04-06 10:50
357 查看
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>
相关文章推荐
- 鼠标移入/移出改变图片透明度_jQuery效果
- 【简单】H5 jQuery鼠标移入移出改变图片大小动画的实现
- jquery 鼠标滑过改变div背景或图片方法
- 鼠标移入移出事件改变图片的分辨率
- 鼠标移入移出改变图片大小
- Ferris教程学习笔记:js示例2.4 鼠标移入改变样式,鼠标移出恢复
- Jquery组件封装之鼠标移入移出图片透明度变化
- 鼠标指针移入移出改变图片透明度
- 鼠标经过GridView的行会改变行颜色,离开后恢复原来的颜色
- 点击图片改变图片大小,鼠标移入移出改变图片大小
- 鼠标移入移出事件改变图片的分辨率
- jQuery实现基于鼠标滑动改变按钮背景图片、文字
- 鼠标移入移出事件改变图片的分辨率的两种方法
- jquery实现点击改变背景色,点击其他恢复原来背景色,被点击的改变背景色
- 基于jquery实现的鼠标滑过按钮改变背景图片
- fgm实例练习笔记-2.6图片列表:鼠标移入/移出改变图片透明度
- 用JQuery给图片添加鼠标移入移出事件
- 函数传参,改变Div任意属性的值&&图片列表:鼠标移入/移出改变图片透明度
- 鼠标移入移出事件改变图片的分辨率的两种方法
- Ferris教程学习笔记:js示例2.11 图片列表:鼠标移入/移出改变图片透明度