Javascript 随机背景气泡
根据一个主要内容部门的说法,我正在尝试随机创建背景浮动气泡 这是我的代码 CSS HTMLJavascript 随机背景气泡,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(
你好,世界
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循环。。而随机变量应该总是不同的。。