Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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
Jquery循环动画和悬停时冻结_Jquery_Animation_Hover - Fatal编程技术网

Jquery循环动画和悬停时冻结

Jquery循环动画和悬停时冻结,jquery,animation,hover,Jquery,Animation,Hover,我有一把小提琴,但我需要扩展它,我已经尝试了一整晚,但都失败了,所以我去掉了所有的尝试,只留下了主要部分。请看这把小提琴 我想知道如何无限地“循环”整个动画,但最重要的是能够在鼠标输入时暂停动画,或在任意一个div上悬停动画,然后在鼠标输出时继续动画或单击链接将链接关闭页面 **此外,如果这是可能的(不确定),我想随机的时间,div出现,但总是可见的说1/2秒?? ] 下面是Fiddle代码 $('#one').delay(2000).fadeIn(200); $('#one').dela

我有一把小提琴,但我需要扩展它,我已经尝试了一整晚,但都失败了,所以我去掉了所有的尝试,只留下了主要部分。请看这把小提琴

我想知道如何无限地“循环”整个动画,但最重要的是能够在鼠标输入时暂停动画,或在任意一个div上悬停动画,然后在鼠标输出时继续动画或单击链接将链接关闭页面

**此外,如果这是可能的(不确定),我想随机的时间,div出现,但总是可见的说1/2秒?? ] 下面是Fiddle代码

 $('#one').delay(2000).fadeIn(200);
 $('#one').delay(500).fadeOut(200);

 $('#two').delay(3000).fadeIn(200);
 $('#two').delay(500).fadeOut(200);

 $('#three').delay(4000).fadeIn(200);
 $('#three').delay(500).fadeOut(200);

 $('#four').delay(5000).fadeIn(200);
 $('#four').delay(500).fadeOut(200);

 $('#five').delay(6000).fadeIn(200);
 $('#five').delay(500).fadeOut(200);

 $('#six').delay(7000).fadeIn(200);
 $('#six').delay(500).fadeOut(200);

以下代码随机淡入元素,并在鼠标悬停时暂停淡入效果它要求您向所有元素添加“box”类。

    $(function () {
        function fadeAll() {
           var id = 1 + parseInt(Math.random() * 5) % 5;
           $('.box:nth-child('+id+')').stop().delay(500+parseInt(Math.random() * 500)).fadeIn('fast', function () {
              $(this).stop().delay(500 +parseInt(Math.random() * 500)).fadeOut('fast');
           })
           window.timeout = window.setTimeout(fadeAll, 500);
        }

        $('.box').hover(function(){
           $(this).css('opacity', 1);
           window.clearTimeout(window.timeout);
           $('.box').stop();
        },function(){
           $('.box').fadeOut('fast');
           window.timeout = window.setTimeout(fadeAll, 500);
        });

        fadeAll();
     })

更新为包含循环,只需要知道如何暂停悬停在任何div上的动画。。。