javascript - 在 MouseOver 和 MouseOut 上调用 jQuery 函数

Question

我有以下代码:

<script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript">
  $(function() {
    $('.webPanel').mouseover(function(){
        $('.webPanel').animate({'width': '350px'}, 100);

      });
  });
</script>

这是行不通的。您可能会说，它应该在鼠标悬停时将 .webPanel div 扩展到 350px，但没有任何反应。

我怎样才能让这个东西工作？我不明白为什么它不起作用!

谢谢

Answer 1

您需要为 jquery 包含一个单独的脚本:

<script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function() {
    $('.webPanel').mouseover(function(){
        $('.webPanel').animate({'width': '350px'}, 100);

      });
  });
</script>