当前位置:首页 > 日记 > 正文

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程序设计有所帮助。

相关文章

PS图象处理软件的形状工具绘制路径

PS图象处理软件的形状工具绘制路径

路径,绘制,工具,方法,图象,本教程主要是介绍朋友在使用形状工具绘制路径的方法和技巧,PS图象处理软件,这是很适合初学者学习。 在形状工具绘制技能介绍道路的使用PS图象处理软件,希望对你有帮助! 工具/材料 PS图象处理软件电脑 方法/步骤 1…

幽默经典情人签名

幽默经典情人签名

幽默,情人,经典,电脑软件,跑的快与慢的糖果,死无全尸。 长而高有物,长注定注定孤独。 我的前女友现在的男朋友请照顾我的前女友。 我前男友的女朋友,请照顾我的前男友。 没有烦恼,没有悲伤,没有黄金,没有白银,你有我。 此时此刻,这一点,你什么都不要…

在AI中把封闭路径分割成一行的详细

在AI中把封闭路径分割成一行的详细

分割,详细教程,路径,中把,电脑软件,在AI,封闭路径是如何分割成一个线段的很多朋友都不会,下面我们详细的介绍一下AI封闭路径拆分成一个线段的教程,有需要的朋友可以参考下。 AI中的封闭路径如何拆分成单独的行简单的演示。 1,先打开软件,方法是…

使用ajaxfileupload.js实现异步上

使用ajaxfileupload.js实现异步上

上传文件,异步,例子,电脑软件,ajaxfileupload,Ajax不能提交文件,所以当我们上传图片和预览,我们经常使用的ifame方法实现一个看似异步的效果。但这往往是不方便。ajaxfilleupload.js裹上面的方法,所以我们不需要管理的一系列操作iframe,也没有…

恋爱中的夫妻签名

恋爱中的夫妻签名

夫妻,恋爱,电脑软件,温顺的动物。 一个温柔淑女的流氓。 比起游戏和金钱,我更喜欢你笑。 我更害怕你皱眉,而不是害怕黑暗和鬼魂。 打开欺负模式; 对不起,你的脑子不太好。 我有孤独和无法行走的酒。 我有孤独和烟,不能和我一起散步。 很多夏天赤…

人工智能只产生三维立体文本的效果

人工智能只产生三维立体文本的效果

文本,人工智能,三维立体,效果,电脑软件,本教程是对AI的简单介绍,这是为朋友创建三维立体文本的一种简单方法。教程产生的效果非常好。非常适合初学者学习。推荐朋友跟随教程学习。 如何使用Adobe Illustrator制作三维文字效果,很多朋友不知道…

PHP中JSON的使用和转换

PHP中JSON的使用和转换

转换,电脑软件,PHP,JSON,在我写了一个PHP返回JSON数据的简单例子之前,我刚刚上网,突然发现了一篇文章,还介绍了JSON。内容很详细,值得参考,内容如下 从5.2版,php原生提供json_encode()和()函数,json_decode进行编码和解码后。 一、json_encode() 复制…

Word页面设置添加到右键菜单

Word页面设置添加到右键菜单

右键菜单,页面设置,电脑软件,Word,我们通常用Word编辑和定期打印文档,并经常使用页面设置命令;;;最常见的操作方法是:执行文件页面设置;具有;菜单命令。事实上,我们可以完成这个页面设置命令放置;字右键菜单,可以对操作带来极大的方便。 首先,打开Word…

经典超级快乐个性签名

经典超级快乐个性签名

个性签名,经典,快乐,电脑软件,以下是经典超级快乐个性签名的全部内容,由你编译。如果您喜欢小编辑器的建议,请继续关注它。 当你想幸福的时候,幸福是有点悲伤的。 看着夕阳,说一下大海;我爱你'; 坎坷的路,谢谢你陪我走… 我们的爱,我会好好管理。 …

教你用PS在水中做美丽的倒影。

教你用PS在水中做美丽的倒影。

倒影,水中,教你用,美丽,电脑软件,本教程是向朋友介绍的,在PS中表现出很好的水反射效果,效果很好,难度也不大。建议你喜欢你的朋友一起学习。 如果你看到湖中的白天鹅,你会特别喜欢湖上的小波浪,还有她在水中的美丽倒影吗其实我们也可以用图像来…

定时器的nexttick差异分析()和()setimm

定时器的nexttick差异分析()和()setimm

差异,电脑软件,nexttick,js,setimmediateNode,在1.node定时器的使用问题是不准确的。例如,setTimeout()设置任务执行后10ms,但9ms后,有一个任务占用5ms。当轮到定时器,它有延迟4ms .. 嗯,节点中的定时器就是这么说的。 2。看代码: 复制代码代码…

经典唯美情侣签名

经典唯美情侣签名

唯美,情侣,经典,电脑软件,不要留下任何东西,除了你的墨水。 不要带走任何东西,除了我的祝福。 人的心是因为没有人能抓住他的心。 女人的心是因为被称为伤害了她的心的男人。 我不会等待真正的入侵,吴独巴峰我的爱人。 我不会从我爱的风中跪下…