Javascript 图像上的MouseEnter和MouseLeave

我以前见过这个问题，但迄今为止，我所看到的解决方案都不起作用

我试图让图像在悬停时淡入淡出。以下是我的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>

---

我不知道这为什么不起作用。这似乎太简单了。任何帮助都将不胜感激。谢谢

我尝试了您的代码，在标题中引用了以下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>

---

而且效果很好！您仍然有问题吗？

您可以在jsfiddle.net上设置一个演示吗？类似这样的东西，您就不能使用CSS3转换吗？旁白：似乎在你的JSFIDLE上工作。（Google Chrome 28.x）您是否正确导入jquery？我已经用同样的代码做了一个例子——除了图像源代码之外——它是有效的。“你也可以用css hover来实现这一点。”SiddharthaGupta的演示似乎非常有效。你确定你的主文件中包含了

tabs.js

源代码吗？是的，似乎仍然无法正常工作。在我看来一切都是正确的。啊，把这些都包括进去的时候犯了一个愚蠢的拼写错误。哈谢谢你的帮助，斯蒂芬妮。

<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>