ForWork.Net

欢迎参观ForWork.Net,快乐工作·快乐生活!你我的快乐生活:)

上一篇: 动易自定义列表图片地址的直接获取处理 下一篇:Visual Studio 2008 简体中文专业版企业版下载

圣诞要到了,希望给自己的网站(博客)增加一些节日的气氛。增加了页面下雪的效果,喜欢的朋友可以也自己的网站也加上

代码如下:

<SCRIPT language=JavaScript1.2>      
var snowsrc="sd/float1.gif"; var no = 20;      
var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty;      
var i, doc_width = 950, 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\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");      
} else {      
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");      
}      
} else if (ie4up) {      
if (i == 0) {      
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></a></div>");      
} else {      
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");      
}      
}      
}      
function snowNS() {      
for (i = 0; i < no; ++ i) {      
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()", 10);      
}      
function snowIE() {      
for (i = 0; i < no; ++ i) {      
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()", 10);      
}      
if (ns4up) {      
snowNS();      
} else if (ie4up) {      
snowIE();      
}      
      
</SCRIPT>

把这段代码增加到你要小雪的页面。

 素材下载:

200812221226036158.rar

背影音乐,body区域中加如下代码:

<bgsound src="sd/sd.mid" loop="-1">

 还有图片不要忘记了,放在该页面的下面,建立一个文件夹sd/ 2个图片文件+背景音乐文件

点击这里获取该日志的TrackBack引用地址

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于本文

您正在阅读的是:给自己的网站(博客)增加圣诞节日效果-雪花飘飘
Person01 发表于:2008-12-22 12:23:16
分类:技术文摘
关键词:网站  技术  效果  js  雪花  代码  

最近发表

最新评论及回复

最近留言

友情链接

控制面板

Search

网站分类

文章归档

图标汇集

订阅ForWork.Net

什么是RSS订阅?查看解释
订阅到您的在线阅读器

抓虾 google reader my yahoo bloglines 鲜果 哪吒

博客作者

Person01

Copyright 2006-2008 ForWork.Net 【快乐工作·快乐生活】 Rights Reserved.  苏ICP备05070716号

Powered By Z-Blog 1.8 Walle Build 100427 Code detection by Codefense 网络支持 网服数据