Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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
Javascript 使用jQuery更改动画速度_Javascript_Jquery_Html_Animation_Jquery Animate - Fatal编程技术网

Javascript 使用jQuery更改动画速度

Javascript 使用jQuery更改动画速度,javascript,jquery,html,animation,jquery-animate,Javascript,Jquery,Html,Animation,Jquery Animate,我使用此代码来设置链接位置的动画。我以较慢的动画速度将其移动到左角 单击链接时,如何将此动画的速度更改为“快” 我们应该得到: 当链接悬停时,动画变慢。 当它被点击时,速度很快。 问题是,当我们试图点击链接时,它已经可以被设置动画了。你觉得怎么样 谢谢。您可以试试: $("a").hover(function(){ $(this).animate({left: '-500px'}, 'slow'); ); 未测试使用“停止”停止任何已运行的动画,这可能会起作用 $("a").click

我使用此代码来设置链接位置的动画。我以较慢的动画速度将其移动到左角

单击链接时,如何将此动画的速度更改为“快”

我们应该得到:

当链接悬停时,动画变慢。 当它被点击时,速度很快。 问题是,当我们试图点击链接时,它已经可以被设置动画了。你觉得怎么样

谢谢。

您可以试试:

$("a").hover(function(){
    $(this).animate({left: '-500px'}, 'slow');
);
未测试

使用“停止”停止任何已运行的动画,这可能会起作用

$("a").click(function(){
    $(this).stop(true).animate({left: '-500px'}, 'fast');
);

您可以将时间间隔指定为第二个参数…这将起作用
$("a").click(function(){
    $(this).stop()
    $(this).animate({left: '-500px'}, 'fast');
);
$("a").hover(function(){
    $(this).animate({left: '-500px'}, 'slow');
).click(function() {
    $(this).dequeue().animate({left: '-500px'}, 'fast');
});