Javascript设计漫天雪花
2024-02-28 分类： 网站建设
原代码插入到<body>下面:<script language="JavaScript">
<!--
N = 40;
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='#FFFFF0' 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:#fffff0;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()',10);
}
//-->
</script>
把<body>中的内容改为：
<body bgcolor=#ffffff onLoad="snow()">
本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！
本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！
本文题目：Javascript设计漫天雪花
URL地址：https://www.cdcxhl.com/news12/319312.html
成都网站建设公司_创新互联，为您提供域名注册、网站排名、网站维护、网站改版、网站建设、搜索引擎优化
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 为零基础新手量身打造的安全配色指南 2024-02-28
- 云服务器备份如何工作？云服务器备份的常见用途和优势 2024-02-28
- 如何操作企业短视频？策划企业短视频流程 2024-02-28
- 就让我来告诉你成都seo优化哪家好 2024-02-28
- 从零开始设计一款APP原型图 2024-02-28
- 浅谈网站推广应该注意的地方 2024-02-28
- 建设网站时对三大标题进行设置的方法 2024-02-28
- 济南网站建设：如何建立自己的网站 2024-02-28
- 中小企业选择做长沙网站建设有什么好处 2024-02-28
- 成都企业新网站建设需要注意哪些？ 2024-02-28
- 成都公司注册流程、时间和费用，需要注意哪些？ 2024-02-28
- 为什么我们需要DELL服务器？DELL服务器安全解决方案 2024-02-28
- 融合策略的设计演绎-粤食佳成都三里屯店吴为设计 2024-02-28
- 8大技巧让你的网站更加完美 2024-02-28
- 网络安全中SYN攻击指什么？ 2024-02-28
- 成都400电话申请更好去创新互联 2024-02-28
- 网站建设技术的发展历程 2024-02-28
- 建设手机网站需要注意的事项(手机网站服务器建设) 2024-02-28
- 注意！企业网站设计别泄露公司隐私！(企业网站优化) 2024-02-28