Javascript 随机背景气泡

Javascript 随机背景气泡,javascript,jquery,html,css,background-process,Javascript,Jquery,Html,Css,Background Process,根据一个主要内容部门的说法,我正在尝试随机创建背景浮动气泡 这是我的代码 CSS HTML 你好,世界 JS jQuery.fn.verticalMarquee=函数(垂直速度、水平速度){ css('float','left'); 垂直速度=垂直速度| | 1; horiSpeed=1/horiSpeed | | 1; var windowH=this.parent().height(), thisH=this.height(), parentW=(this.parent().width(

根据一个主要内容部门的说法,我正在尝试随机创建背景浮动气泡 这是我的代码

CSS HTML

你好,世界
JS
jQuery.fn.verticalMarquee=函数(垂直速度、水平速度){
css('float','left');
垂直速度=垂直速度| | 1;
horiSpeed=1/horiSpeed | | 1;
var windowH=this.parent().height(),
thisH=this.height(),
parentW=(this.parent().width()-this.width())/2,
rand=Math.random()*1000,
电流=这个;
css('margin-top',windowH+thisH);
this.parent().css('overflow','hidden');
setInterval(函数(){
current.css({
marginTop:函数(n,v){
返回浮动(v)-垂直速度;
},
marginLeft:函数(n,v){
return(Math.sin(new Date().getTime()/(horiSpeed*1000)+rand)+1)*parentW;
}
});
}, 15);
setInterval(函数(){
if(parseFloat(current.css('margin-top'))<-thisH){
current.css('margin-top',windowH+thisH);
}
}, 250);
};
$('.message').verticalMarquee(1,1);
因此,在1个元素随机浮动的情况下,所有这些都非常有效

但当我将相同的函数附加到许多(.message)元素时, 我想让它们在背景中随机浮动,所以也有一个开始和结束的随机点


有人能帮我吗

我不知道你的确切意思,但是如果你需要知道如何让这个函数在所有的消息div上工作。你喜欢的消息div是:

$(document).ready( function( ) {
    $('.message').verticalMarquee( 1, 1 );
} );

我不知道您的确切意思,但如果您需要知道如何使此函数在所有邮件div上运行。您喜欢的邮件div:

$(document).ready( function( ) {
    $('.message').verticalMarquee( 1, 1 );
} );

如果您添加如下内容

var message = 1;
$('.message').each(function(message) { 
    $(this).verticalMarquee(1, 1, message);
    message++
});
还要再添加一个参数

jQuery.fn.verticalMarquee = function(vertSpeed, horiSpeed, index)
使用
索引乘以1000,每次获得不同的兰德

rand = Math.random() * (index * 1000)
结果如下:


我不知道这是否是你需要的,但我想我给了你一个想法。如果您添加以下内容,祝您好运

var message = 1;
$('.message').each(function(message) { 
    $(this).verticalMarquee(1, 1, message);
    message++
});
还要再添加一个参数

jQuery.fn.verticalMarquee = function(vertSpeed, horiSpeed, index)
使用
索引乘以1000,每次获得不同的兰德

rand = Math.random() * (index * 1000)
结果如下:

我不知道这是否是你需要的,但我想我给了你一个想法。祝你好运

nope:)抱歉,我知道如何将相同的函数附加到all.message,但如果我将此函数附加到all.message,我希望为它们生成随机的起点和终点。message(现在的情况)它们将协调浮动,而我希望更随机一些(任何.message都可能有不同的起点和终点,不同的宽度和高度,不同的水平速度和垂直速度,不同的foating边距等等。)哦,所以Math.random()对于所有元素都是一样的。。也许您最好将此函数添加到一个div,然后开始在其中添加气泡,并使用for循环。。比随机应该总是不同的..不:)抱歉,但我知道如何将相同的函数附加到all.message,但我想为它们生成随机的起点和终点,如果我将此函数附加到all.message(现在是这样),它们将协调地浮动,而我希望更随机一些(任何.message都可能有不同的起点和终点,不同的宽度和高度,不同的水平速度和垂直速度,不同的foating边距等等。)哦,所以Math.random()对于所有元素都是一样的。。也许您最好将此函数添加到一个div,然后开始在其中添加气泡,并使用for循环。。而随机变量应该总是不同的。。