Question

StackOverflow的好人，请保存我的屁股：）

我一直试图让它工作一段时间，我已经重复阅读文档，尝试过很多愚蠢的事情，现在我越是看着它，认为我的思绪一片空白，所以如果有人能够发光，我会感激不尽。我正在尝试让jQuery为addClass命令设置动画。它工作正常，添加和删除元素没有问题的类，但我希望它淡入类，然后fadeOut类，这里是代码：

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

如果有人可以提供帮助，我将非常感激，再次感谢你们：）

Answer 1

您要做的是设置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>

这将逐渐改变不透明度，从目前的任何值到你传递的值。

它不是最好的方法，但它会起作用：）

Answer 2

以下是简单的答案 - 使用jQuery UI检查此动画div：

$( "div" ).click(function() {
    $( this ).addClass( "big-blue", 1000, "easeOutBounce" );
});

jQuery addClass＆amp;动画

2 个答案: