jquery - 如何使用 addClass 和 removeClass 在 JQuery 中控制速度？

Question

我正在使用以下代码在图像悬停时提供弹出标题

<script type="text/javascript">
     var jq = $.noConflict();
     jq(document).ready(function(){
     jq(".package-images").mouseover(function(){
     jq(this).addClass("title-effect");
     jq(this).addClass("image-effect");
      jq(".package-images").mouseout(function(){
     jq(this).removeClass("title-effect");
      jq(this).removeClass("image-effect");
     });
    });
   });
  </script>

它工作得很好，但我怎样才能控制这些效果的速度。基本上我希望标题效果慢慢发生。

Answer 1

如果您希望在一秒钟内对更改进行动画处理：

$(this).addClass("title-effect", 1000);

如果您希望更改延迟一秒钟：

$(this).delay(1000).addClass("title-effect");

Answer 2

研究使用setInterval方法。

例子：

function changeColor() {
  nIntervId = setInterval(flashText, 500);
}

或者，它可以作为第二个参数放置addClass：

$(this).addClass("title-effect", 1000);

Answer 3

根据jQuery UI 文档addClass()，您可以在or的第二个参数中设置动画的持续时间removeClass()：

$(this).addClass("title-effect", 1000);
$(this).removeClass("title-effect", 1000);

期间：

确定动画将运行多长时间的字符串或数字。