【hover】jQuery控制图片的hover效果（smartRollover.js）

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【jQuery控制图片的hover效果（smartRollover.js）】，下面是详细的讲解！

jQuery控制图片的hover效果（smartRollover.js）

<script type="text/javascript">
$(function() {
var $img=$("img");
$img.hover(function() {
$(this).attr("src",$(this).attr("src").replace("_out","_over"));
},function() {
$(this).attr("src",$(this).attr("src").replace("_over","_out"));
});
});
</script>

关于jQuery控制图片的hover效果（smartRollover.js）的用户互动如下：

　　相关问题：想用Jquery完成当图片Hover事件时，图片的盒子整体...

　　答：把你的delegate改为$("#cBrandList").on("mouseenter",".imgMask",function(){}); demo>> http://jsfiddle.net/mDdKr/254/ >>详细

　　相关问题：js控制div显示与隐藏,js利用"hover"属性

　　答：1.首先样式要设定好，在每个li区域只能显示a或者b。 2.引入js库代码（jquery库需要引用，1.4版本以上都可以） 3.设定外部ul的id属性：假设为ullist 4.编写js代码 下面是我写的一个例子代码，供你参考，jquery库需要自己下载并引用 A面内容 B面内... >>详细

　　相关问题：jquery设置图片的hover，鼠标移上去之后图片抖动。...

　　答：你的动作作用点不一样，第一个是作用在img上，第二个是作用在div上，你如果用show()和hide()，没关系，你用的是fadein和fadeout，这个相当于动画渐变的过程，图片每变一下，jquery都会去判断hover动作，所以第一个会一闪一闪的，第二个没事。 >>详细