随机淡出<div> s </div>

时间:2011-12-08 19:31:09

标签: javascript jquery random

基本上我正在尝试将以下两个脚本合并为一个项目。我的目标是保持第一个链接的功能,它以不同的间隔在随机div中淡出,但是将它附加到PaulPRO的版本,因为它会一遍又一遍地循环,比如说每5秒。非常感谢任何帮助!

  1. http://jsfiddle.net/cMQdj/1/(感谢mblase75)
  2. http://jsfiddle.net/Paulpro/G4pxq/(感谢PaulPRO)

2 个答案:

答案 0 :(得分:3)

如此 - &gt;

http://jsfiddle.net/G4pxq/9/

(function fadeInDiv(){
    var divs = $('.fadeIn');
        var elem = divs.eq(Math.floor(Math.random()*divs.length));
    if (!elem.is(':visible')){
        elem.fadeIn(Math.floor(Math.random()*1000),fadeInDiv); 
    } else {
        elem.fadeOut(Math.floor(Math.random()*1000),fadeInDiv); 
    }
})();

更新

维持职位/顺序:

http://jsfiddle.net/G4pxq/12/

$('.fadeIn').before('<div>&nbsp;</div>');

(function fadeInDiv() {
    var divs = $('.fadeIn');
    var elem = divs.eq(Math.floor(Math.random() * divs.length));
    if (!elem.is(':visible')) {
         elem.prev().remove();
        elem.fadeIn(Math.floor(Math.random() * 1000), fadeInDiv);

    } else {

        elem.fadeOut(Math.floor(Math.random() * 1000), function() {
            elem.before('<div>&nbsp;</div>');
            fadeInDiv();
        });
    }
})();

答案 1 :(得分:0)

我认为你的例子已经颠倒了。

如果你想循环保罗的例子,只需用setInterval方法包围他的代码。

setInterval($('.fadeIn').before('<div>&nbsp;</div>'), 2000);