Jquery 如何在鼠标悬停和鼠标悬停上添加淡入淡出效果？

如何在鼠标悬停和鼠标悬停上添加淡入淡出效果

<script>
jQuery(function() {
 jQuery(".logo img").mouseover(function() { 
var src = "<?php echo $this->baseurl ?>/templates/kalfany/images/logo-<?php echo $this->language; ?>-hover.png";
 jQuery(this).attr("src", src);
}).mouseout(function() {
 var src = "<?php echo $this->baseurl ?>/templates/kalfany/images/logo-<?php echo $this->language; ?>.png";
 jQuery(this).attr("src", src);
}); });
</script>

jQuery（函数（）{
jQuery（“.logo img”）.mouseover（函数（）{
var src=“/templates/kalfany/images/logo--hover.png”；
jQuery（this.attr（“src”，src）；
}).mouseout（函数（）{
var src=“/templates/kalfany/images/logo-.png”；
jQuery（this.attr（“src”，src）；
}); });

我从这里得到了我问题的答案

这就是我想要的

---

所以，最好的答案是我的；）

用这样的方法

$('.logo img').hover(
  function(){
    $(this).fadeOut('slow');
  },
  function(){
    $(this).fadeIn('slow');
  }
);

$(".logo img").mouseover(function() {
    $(this).fadeIn('fast');
}).mouseout(function () {
    $(this).fadeOut('fast');
});​

---

但我认为它可能不起作用，因为一旦它完全消失，悬停就会自行呼叫。您可以尝试在图像上添加一个div并隐藏图像而不是div。

您可以这样使用

$('.logo img').hover(
  function(){
    $(this).fadeOut('slow');
  },
  function(){
    $(this).fadeIn('slow');
  }
);

$(".logo img").mouseover(function() {
    $(this).fadeIn('fast');
}).mouseout(function () {
    $(this).fadeOut('fast');
});​

---

如果你不是在寻找某种交叉渐变，你可以使用

 jQuery("img").mouseover(function() { 
     var src = "http://www.josephmccaffery.com/wp-content/uploads/2011/04/logo_google_x-150x150.png";
     jQuery(this).fadeOut(300,function(){
         jQuery(this).attr("src", src).fadeIn();
     })
}).mouseout(function() {
     var src = "http://techteen.net/wp-content/uploads/2012/08/Google-Logo-Square.png";
     jQuery(this).fadeOut(300,function(){
         jQuery(this).attr("src", src).fadeIn();
     })
});

​

---

如果未加载图像，可能会出现故障。

帮助我们帮助您。您的问题是什么，您尝试了什么，等等。您还可以使用正确的选择标准具体选择图像。您正在选择具有

class=logo

的容器中的所有

IMG

s。如果不是这样，请尝试使用

jQuery（'img.logo'）

。这就是你想要的吗？但是有两种不同的图像，它们在鼠标移动时会发生变化，我想要在这个洗牌中产生淡入效果。@RjSyedHassanRaza这个ans可以帮助你自己制作一个好的结构并使用这个脚本。你可以通过

mInImg=new Image（）预加载它们；mInImg.src='mousein.png'