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

我使用下面的代碼超過圖像懸停如何使用addClass和removeClass在JQuery中控制速度？

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

它運作良好，提供彈出冠軍，但我怎麼能控制這些效果的速度。基本上我希望標題效果發生緩慢。

來源

2012-11-23 Nida

如果你想在第二的過程中被動畫化的變化：

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

如果你想改變由第二延遲：

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

來源

2012-11-23 08:58:22

感謝所有的回覆。我試過$（this）.addClass（「title-effect」，1000）;但它不起作用。是否有任何需要導入javascrit文件（一些其他的jquery文件）。 – Nida

@Nida你使用jQuery-UI還是僅僅使用jQuery？ –

我只使用jquery.1.4.2.min.js – Nida

使用setInterval方法進行研究。

實施例：

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

Alternatly，它可以被放置爲addClass第二參數：

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

來源

2012-11-23 08:56:21 lifetimes

根據jQuery UI documentation你可以設置動畫的持續時間中的第二個參數addClass()或removeClass()：

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

時間：

的字符串或者數字決定動畫將運行多久。

來源

2012-11-23 08:56:36 VisioN

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

回答

相關問題