jquery - jQuery addClass和动画

史塔克弗洛夫的伟人，救救我吧：）
我已经试着让这个工作了一段时间了，我反复阅读文档，尝试了很多愚蠢的事情，现在我越看越觉得头脑一片空白，所以如果有人能给我一些启示，我会感激的。我正试图让jQuery设置addClass命令的动画。它工作正常，可以将类添加到元素中，也可以将类删除，但我希望它淡入类，然后淡出类，下面是代码：

<script type="text/javascript">
  function addingClasses(id,myClass) {
    $(id).addClass(myClass).animate({
      show: 'fadeIn',
      speed: '2000',
      hide: 'fadeOut'
    });
  }

  function removingClasses(id,myClass) {
    $(id).removeClass(myClass);
  }
</script>

<div id="about" class="sittingPretty" onmouseover="addingClasses(this, 'aboutHover')" onmouseout="removingClasses(this, 'aboutHover')">
    <p>About</p>
</div>

如果有人能帮忙，我将非常感激，再次感谢各位：）

最佳答案

您要做的是设置一个var并转换为该值。
一个简短的例子是：

<script type="text/javascript">
    function addingClasses(id,myClass) {
        var newValue = { opacity : 100 }
        $(id).addClass(myClass).animate(newValue, 1000);
    }
    function removingClasses(id,myClass) {
        var newValue = { opacity : 0 }
        $(id).removeClass(myClass).animate(newValue, 1000);
    }
</script>

这将逐渐改变不透明度，从目前的任何是你传递它的价值。
这不是最好的方法，但会奏效的：）