JavaScript实现下雪(Snow)效果

news/2024/7/11 1:31:14 标签: JavaScript, XP, IE, Blog

代码1：

<title>Happy New Year</title>
<body bgcolor="#ff3300" leftmargin="0" topmargin="0" onLoad="snow()" AAAD98>
<script language="JavaScript">
<!--
N = 100;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < N; i++){
Y[i]=Math.round(Math.random()*iH);
X[i]=Math.round(Math.random()*iW);
S[i]=Math.round(Math.random()*5+2);
A[i]=0;
B[i]=Math.random()*0.1+0.1;
M[i]=Math.round(Math.random()*1+1);
}
if (V){
for (i = 0; i < N; i++)
{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#ffffff' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < N; i++)
{document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#ffffff;font-size:'+M[i]+'"></div>')}
document.write('</div></div>');
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){
sy=S[i]*Math.sin(90*Math.PI/180);
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] > H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+1);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout('snow()',20);
}
//-->
</script>


代码2：

<body bgcolor=#ee3300>
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: #ffffff }
</style>
<script language="javascript">

snow = false; // false-rain; true-snow
snowsym = " * " file://These are the symbols for each
rainsym = " * " file://You can put images here.
howmany = 20 file://How many drops/snowflakes?

/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=30; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}

</script>
<script language="javascript">

if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/16;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = 'white'}else{col = 'white'}
drop[make].color = col;
}
window.οnlοad=moverain
}
</script>
</body>

代码3：

<body bgcolor=#ee3300>
<script LANGUAGE="JavaScript1.2">
<!--
var no = 25;
var speed = 10;
var snowflake = "http://www.cnbruce.com/blog/uploadimg/2004122215384750532.gif";

var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
//-->
</script>
</body>

代码4：

是


http://www.niftyadmin.cn/n/608831.html

相关文章

论Asp与XML的关系

论Asp与XML的关系

1、XML是什么&#xff1f;XML仅仅是一种数据存放格式&#xff0c;这种格式是一种文本&#xff08;虽然XML规范中也提供了存放二进制数据的解决方案&#xff09;。事实上有很多文本格式都可以用来存放数据&#xff0c;例如大家所熟悉的.ini文件。很多朋友在初学C语言或者Basic语…
阅读更多...
领带 · 男人

领带 · 男人

一、领带的起源&#xff1a;17世纪中叶&#xff0c;法国有一位大臣上朝&#xff0c;在脖领上系了一条白色围巾&#xff0c;还在前面打了一个漂亮的领结&#xff0c;路易十四国王见了大加赞赏&#xff0c;当众宣布以领结为高贵的标志&#xff0c;并下令上流人土都要如此打扮。由…
阅读更多...
Love Is（组图）

Love Is（组图）

爱是... ...愿意两个人从一无所有开始爱是... ...愿意用她的语言和她聊天爱是... ...多给他一次机会爱是... ...希望音乐永不停止爱是... ...想为他美丽爱是... ...因她节食而节食爱是... ...为她抓背哄她入睡爱是... ...以真情真心相对爱是... ...给他灵感爱是... ...忽然送她…
阅读更多...
生活中的美女，并非可遇而不可求[贴图]

生活中的美女，并非可遇而不可求[贴图]

清秀
阅读更多...
利用瑞利里兹方法计算固有频率的程序_原子吸收光谱法的干扰和消除方法（下）——物理、背景干扰...

利用瑞利里兹方法计算固有频率的程序_原子吸收光谱法的干扰和消除方法（下）——物理、背景干扰...

2019/01/02 作者/EWG1990仪器学习网更多的仪器学习资料&#xff0c;在仪器学习网​一、物理干扰物理干扰是指溶质和溶剂的物理特性发生变化引起吸光度下降的效应&#xff0c;主要指由于液的黏度、表面张力、密度等的差异引起的雾化效率、溶剂和溶质的蒸发速率等变化而造成的干扰…
阅读更多...
怎么下载sonnet软件_漂亮的桌面便签软件是哪个？怎么下载

怎么下载sonnet软件_漂亮的桌面便签软件是哪个？怎么下载

俗话说&#xff1a;爱美之心&#xff0c;人皆有之。这不就连选用桌面便签软件&#xff0c;也不例外&#xff01;虽然电脑(Win7及其以上版本)上有系统平台自带的Windows便签&#xff0c;很多手机上也有系统自带的便签app&#xff1b;但是很多人却嫌这些便签软件不够漂亮&#xf…
阅读更多...
接口回调

接口回调

接口回调 需求&#xff1a; A在执行循环&#xff0c;当循环到5的时候&#xff0c; 通知B。 事先先把一个对象传递给 A &#xff0c; 当A 执行到5的时候&#xff0c;通过这个对象&#xff0c;来调用B中的方法。 但是注意&#xff0c;不是直接传递B的实例&#xff0c;而是传递一…
阅读更多...
do while 里面怎么嵌套switch_java 测试嵌套循环

do while 里面怎么嵌套switch_java 测试嵌套循环

在一个循环语句内部再嵌套一个或多个循环&#xff0c;称为嵌套循环。while、do-while与for循环可以任意嵌套多层。题目编程求和&#xff1a;∑1∑2∑3……∑100 1 &#xff08;12&#xff09;&#xff08;123&#xff09;&#xff08;...&#xff09;&#xff08;12345…100&am…
阅读更多...
最新文章

Copyright @ 2022~2023