如何使用addClass和removeClass控制JQuery的速度?
我使用以下代码在图像悬停上提供弹出标题如何使用addClass和removeClass控制JQuery的速度?,jquery,jquery-ui,jquery-plugins,Jquery,Jquery Ui,Jquery Plugins,我使用以下代码在图像悬停上提供弹出标题 <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"
<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>
var jq=$.noConflict();
jq(文档).ready(函数(){
jq(“.package images”).mouseover(函数(){
jq(本).addClass(“所有权效力”);
jq(this).addClass(“图像效果”);
jq(“.package images”).mouseout(函数(){
jq(本).removeClass(“所有权效力”);
jq(this).removeClass(“图像效果”);
});
});
});
它工作得很好,但是我如何控制这些效果的速度呢。基本上,我希望标题效果发生缓慢 研究使用该方法
示例:
function changeColor() {
nIntervId = setInterval(flashText, 500);
}
或者,它可以作为addClass
的第二个参数:
$(this).addClass("title-effect", 1000);
$(this).addClass("title-effect", 1000);
$(this).removeClass("title-effect", 1000);
研究使用这种方法
示例:
function changeColor() {
nIntervId = setInterval(flashText, 500);
}
或者,它可以作为addClass
的第二个参数:
$(this).addClass("title-effect", 1000);
$(this).addClass("title-effect", 1000);
$(this).removeClass("title-effect", 1000);
根据需要,您可以在addClass()
或removeClass()
的第二个参数中设置动画的持续时间:
持续时间:
function changeColor() {
nIntervId = setInterval(flashText, 500);
}
确定动画将运行多长时间的字符串或数字
根据需要,您可以在addClass()
或removeClass()
的第二个参数中设置动画的持续时间:
持续时间:
function changeColor() {
nIntervId = setInterval(flashText, 500);
}
确定动画将运行多长时间的字符串或数字
如果要在一秒钟内对更改设置动画,请执行以下操作:
$(this).addClass("title-effect", 1000);
$(this).delay(1000).addClass("title-effect");
如果希望更改延迟一秒钟:
$(this).addClass("title-effect", 1000);
$(this).delay(1000).addClass("title-effect");
如果要在一秒钟内对更改设置动画,请执行以下操作:
$(this).addClass("title-effect", 1000);
$(this).delay(1000).addClass("title-effect");
如果希望更改延迟一秒钟:
$(this).addClass("title-effect", 1000);
$(this).delay(1000).addClass("title-effect");
谢谢大家的回复。我尝试了$(this.addClass(“标题效果”,1000);但它不起作用。是否需要导入javascrit文件(其他一些jquery文件)。@Nida您使用的是jquery UI还是jquery?我只使用jquery.1.4.2.min。js@Nida不过,您已将问题标记为jquery ui。您可能想研究一下如何使用它:谢谢大家的回复。我尝试了$(this.addClass(“标题效果”,1000);但它不起作用。是否需要导入javascrit文件(其他一些jquery文件)。@Nida您使用的是jquery UI还是jquery?我只使用jquery.1.4.2.min。js@Nida不过,您已将问题标记为jquery ui。您可能需要考虑使用它: