Question

我以前见过这个问题，但到目前为止我看到的解决方案都没有奏效。

我试图简单地让图像在悬停时淡入淡出而在淡入淡出时淡出。以下是我的HTML片段：

<script type="text/javascript" src="js/tabs.js"></script>

<ul>
  <li>
    <a href="#jenn">
      <img class="img-fade" src="img/team/jenn.jpg" alt="Jenn">Jenn
    </a>
  </li>
</ul>

我有一些CSS将.img-fade设置为不透明度：0.5;。

然后我的tabs.js文件如下所示：

$(document).ready(function() {
   $('.img-fade').mouseenter(function() {
      $('.img-fade').fadeTo('fast',1);
   });
   $('.img-fade').mouseleave(function() {
      $('.img-fade').fadeTo('fast',0.5);
   });
});

我不确定为什么这不起作用。看起来很简单。任何帮助将非常感激。谢谢！

Answer 1

我在标题中使用了对jquery的以下引用尝试了您的代码：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

它运作良好！你还有问题吗？

MouseEnter和MouseLeave在图像上

1 个答案: