文本在随机位置Fadein/Fadeout

Question

我试图放在一起有一个网页，在页面上的随机位置弹出文本，淡出，然后再次出现在随机位置。例如，我找到了适合我的目的的东西。我想要类似这样的东西，但是可以处理文本，并根据需要使用文本 - 阴影效果制作列表。

(function makeDiv(){ 
var divsize = ((Math.random()*100) + 50).toFixed(); 
var color = '#'+ Math.round(0xffffff * Math.random()).toString(16); 
$newdiv = $('<div/>').css({ 
    'width':divsize+'px', 
    'height':divsize+'px', 
    'background-color': color 
}); 

var posx = (Math.random() * ($(document).width() - divsize)).toFixed(); 
var posy = (Math.random() * ($(document).height() - divsize)).toFixed(); 

$newdiv.css({ 
    'position':'absolute', 
    'left':posx+'px', 
    'top':posy+'px', 
    'display':'none' 
}).appendTo('body').fadeIn(100).delay(300).fadeOut(200, function(){ 
    $(this).remove(); 
    makeDiv(); 
}); 

}）（）;

Fiddle

这是类似第二个例子，只是它没有随机位置。

$('li').each(function(){ 
var randomTop = $('div').height()*Math.random(); //random top position 
var randomLeft = $('div').width()*Math.random(); //random left position 

$(this).css({ //apply the position each li 
     top  : randomTop, 
     left : randomLeft 
    }); 
}); 

Fiddle

我希望排序接头的两人在一起，为了得到什么，我非常期待的。请忘记格式化，因为我第一次在这里，我试图符合标准。

Answer 1

我不确定我是否明白你正在寻找什么，但我“拼接在一起”。

Fiddle

(function fadeInDiv(){ 
    var divs = $('.fadeIn'); 
    var divsize = ((Math.random()*100) + 50).toFixed(); 
    var posx = (Math.random() * ($(document).width() - divsize)).toFixed(); 
    var posy = (Math.random() * ($(document).height() - divsize)).toFixed(); 
    var maxSize = 30; 
    var minSize = 8; 
    var size = (Math.random()*maxSize+minSize) 

    var elem = divs.eq(Math.floor(Math.random()*divs.length)); 

    if (!elem.is(':visible')){ 
     elem.fadeIn(Math.floor(Math.random()*1000),fadeInDiv); 
     elem.css({ 
      'position':'absolute', 
      'left':posx+'px', 
      'top':posy+'px', 
      'font-size': size+'px' 
     }); 
    } else { 
     elem.fadeOut(Math.floor(Math.random()*1000),fadeInDiv); 
    } 
})(); 

编辑：更新小提琴URL