javascript - 带有jQuery的鼠标悬停淡入淡出效果按钮

Question

我用 jQuery 写了一个鼠标悬停淡入淡出效果的按钮。我的问题是，当光标鼠标悬停在图像上时，它会逐渐变成白色，而不是 "img.b" 。有什么建议为什么要这样做吗？

  $(document).ready(function(){
  $("img.a").hover
  ( function() { $(this).stop().animate({"opacity":"0"}, "slow");
   },
  function() {
  $(this).stop().animate({"opacity":"1"}, "slow");
  });

  });

这是 CSS:

div.fadehover {
    position: relative;
    }

img.a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
        }

img.b {
    position: absolute;
    left: 0;
    top: 0;
    }

这是正文代码:

    <div class="fadehover">
    <a href="#">
    <img src="cbavota-bw.jpg" alt="" class="a" />
    <img src="cbavota.jpg" alt="" class="b" />
    </a>
    </div>

Answer 1

您的代码运行良好。只需确保图像的路径正确或不正确。它在 FF、chrome 和 IE 中工作。