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