Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用addClass和removeClass控制JQuery的速度?_Jquery_Jquery Ui_Jquery Plugins - Fatal编程技术网

如何使用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。您可能需要考虑使用它: