javascript生成动态雨背景效果的实现方法

javascript生成动态雨背景效果的实现方法
本文介绍了用javascript实现动态雨背景效果的方法,供大家参考,具体的实现方法如下:

复制代码代码如下所示:
javascript产生的动态雨背景效应
无功rainsize = 40;
var速度= 10;

新数组();

新数组();

新数组();

新数组();

新数组();

无功doc_width = document.body.clientwidth;

无功doc_height = document.body.clientheight;

为(i = 0;i < rainsize;+ +我){

initrain();

如果(我= = 0){

document.write(
document.write(绝对;Z指数:+我+;能见度:);

document.write(可见;顶部:15px;左:15px;>);

document.write(

{其他

document.write(
document.write(绝对;Z指数:+我+;能见度:);

document.write(可见;顶部:15px;左:15px;>);

document.write(

}

功能initrain(){

a = 6;

r=}=1;

Sn = Math.sin(一);

CS = math.cos(一);

CX {我} = Math.random()* doc_width + 1;

CY {我} = Math.random()* doc_height + 1;

x = { i };

{我};

}

功能raindropie(){

为(i = 0;i < rainsize;+ +我){

updaterain();

(如果(x {我} =(doc_width - 20)| |(y {我})>(doc_height - 20))){

MakeRain ();

doc_width = document.body.clientwidth;

doc_height =文件。身体自己;}。

文件。所有{ 点+我}。style.pixeltop = y {我};

文件。所有{ 点+我}。style.pixelleft = x {我};}

setTimeout(raindropie()

}

功能updaterain(){

r=}=10;

x = { i };

y = {我};

}

功能makerain(){

r=}=1;

CX {我} = Math.random()* doc_width + 1;

赛扬= 1;

x = { i };

y = {我};

}

RaindropIE();

希望本文能对大家的javascript程序设计有所帮助。

tag:方法动态背景效果电脑软件

相关内容