如何用最简单的方法用html代码画出圣诞树

时间:2023-01-29 13:57:17


一、前言

在圣诞节以及元旦节日来临的日子里,如果能亲自为自己所爱的人画一个圣诞树,这肯定是个很浪漫的事。那么如何用代码画出圣诞树呢?用我的办法就能很简单的实现,复制-粘贴-另存就可完成。

二、创意名

爱的圣诞树

三、效果展示


四、实现步骤

一:将html的代码复制

具体见后面的代码

二:打开UltraEdit记事本,将代码复制到记事本中

如何用最简单的方法用html代码画出圣诞树


三:另存为tree.html

如何用最简单的方法用html代码画出圣诞树


五、编码实现

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Minimalistic Winter Snowfall</title>
<style>
body {
background: #134;
margin: 0 auto;
box-shadow: none;
}

h2 {
color: black;
font-size: 24px;
margin-top: 720px;
margin-left: 20px;
font-family: "Josefin Sans", sans-serif;
}

h1 {
margin-top: 70px;
font-family: "Josefin Sans", sans-serif;
color: white;
font-size: 52px;
letter-spacing: 9px;
}

#wrapper {
width: 100%;
height: 20px;
}

#snow {
background: white;
width: 100%;
min-height: 450px;
margin-top: 450px;
display: inline-block;
}

.gran {
height: 400px;
width: 200px;
margin-top: -270px;
}

.leaves {
width: 0;
height: 0;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
border-bottom: 300px solid #228b57;
z-index: 50;
position: relative;
}

.left {
width: 0;
height: 0;
border-left: 85px solid transparent;
border-bottom: 300px solid #1e7b4d;
display: inline-block;
margin-left: -85px;
z-index: -1231;
position: relative;
}
.top {
width: 0;
height: 0;
border-left: 28px solid transparent;
border-right: 28px solid transparent;
border-bottom: 100px solid white;
display: inline-block;
margin-left: -85px;
z-index: 100;
position: absolute;
margin-top: -0px;
margin-left: -28px;
}

.foot {
background: #38230e;
width: 30px;
height: 60px;
margin-top: -5px;
margin-right: 20px;
display: inline-block;
margin-left: -14px;
}

#subfoot {
background: green;
width: 30px;
height: 60px;
display: inline-block;
}
</style>
</head>
<body>
<div >
<center><h1>Merry Christmas</h1></center>
<div >
<center>
<div class="gran">
<div class="leaves">
<div class="top"></div>
<div class="left"></div>

<div class="foot"></div>
</div>
</div>
</center>
</div>
</div>
<h2></h2>
<span

style="
position: absolute;
font-family: Times;
font-size: 28px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1124.01px;
top: 127.68px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 25px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 187.272px;
top: 456px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 29px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1371.44px;
top: 758.64px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 26px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1194.08px;
top: 783.12px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 14px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1315.46px;
top: 921.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 27px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1156.72px;
top: 476.28px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 15px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1215.41px;
top: 104.4px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 29px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 818.44px;
top: 650.76px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 12px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 768.15px;
top: 105.12px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 13px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 78.8216px;
top: 48.36px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 18px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1555.61px;
top: 904.6px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 14px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 495.963px;
top: 868.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 19px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 767.591px;
top: 658.92px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 21px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 700.065px;
top: 385.56px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 25px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 89.7143px;
top: 66px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 18px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 424.157px;
top: 388.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 12px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 513.475px;
top: 362.88px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 24px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 796.611px;
top: 751.68px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 22px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1576.35px;
top: 195.36px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 20px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 264.656px;
top: 501.6px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 20px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 717.645px;
top: 590.4px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 26px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1539.55px;
top: 34.32px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 25px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 955.748px;
top: 627px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 19px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 391.104px;
top: 595.08px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 26px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1366.48px;
top: 817.44px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 15px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 974.126px;
top: 325.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 24px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 164.209px;
top: 181.44px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 23px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 266.706px;
top: 262.2px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 13px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 444.645px;
top: 728.6px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 28px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1552.64px;
top: 631.68px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 27px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 155.014px;
top: 460.08px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 23px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 624.684px;
top: 449.88px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 25px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 279.637px;
top: 858px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 29px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1115.94px;
top: 184.44px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 29px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 732.174px;
top: 313.2px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 13px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 178.807px;
top: 474.24px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 23px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1595.4px;
top: 645.84px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 13px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 34.1965px;
top: 443.04px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 18px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 157.048px;
top: 643.68px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 20px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 907.196px;
top: 501.6px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 13px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1505.31px;
top: 521.04px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 12px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 994.975px;
top: 688.4px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 16px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1095.81px;
top: 145.92px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 21px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1215.04px;
top: 388.08px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 23px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 1127.56px;
top: 259.44px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 12px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1511.4px;
top: 269.28px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 26px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1083.4px;
top: 514.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 15px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 875.694px;
top: 926px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 23px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 39.9193px;
top: 207px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 29px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 251.65px;
top: 570.72px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 24px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 424.297px;
top: 293.76px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 24px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 512.692px;
top: 178.56px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 27px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 733.927px;
top: 887.76px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 24px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 956.91px;
top: 815.04px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 17px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1571.48px;
top: 436.56px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 22px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1180.86px;
top: 60.72px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 14px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1107.12px;
top: 640.08px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 24px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 300.009px;
top: 480.96px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 22px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 63.1754px;
top: 942.48px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 14px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 340.304px;
top: 420px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 12px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1147.03px;
top: 577.44px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 12px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1401.41px;
top: 430.56px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 18px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 715.939px;
top: 259.2px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 19px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1602.9px;
top: 250.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 18px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 771.873px;
top: 790.56px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 13px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 410.193px;
top: 457.08px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 25px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 573.379px;
top: 621px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 24px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 234.191px;
top: 437.76px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 19px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 490.158px;
top: 526.68px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 16px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 998.221px;
top: 817.2px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 14px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 523.104px;
top: 697.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 13px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 728.938px;
top: 521.04px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 26px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1454.58px;
top: 274.56px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 23px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 891.815px;
top: 248.4px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 18px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1609.11px;
top: 596.16px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 20px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 232.076px;
top: 108px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 25px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1539.61px;
top: 828px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 28px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1400.4px;
top: 843.36px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 19px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 186.046px;
top: 462.84px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 25px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1364.82px;
top: 933px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 21px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1591.44px;
top: 95.76px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 14px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1012.58px;
top: 694.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 18px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 266.078px;
top: 62.64px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 20px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 139.875px;
top: 352.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 12px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1259.2px;
top: 588.96px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 27px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 658.329px;
top: 891px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 21px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 574.723px;
top: 42.84px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 23px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 622.491px;
top: 218.04px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 18px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 546.77px;
top: 388.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 22px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1143.21px;
top: 316.8px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 21px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 721.953px;
top: 211.68px;
"
>*</span
><span

style="
position: absolute;
font-family: Arial;
font-size: 29px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 231.36px;
top: 393.24px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 24px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 1174.53px;
top: 737.28px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 15px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 107.765px;
top: 14.4px;
"
>*</span
><span

style="
position: absolute;
font-family: Verdana;
font-size: 28px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 253.933px;
top: 561.12px;
"
>*</span
><span

style="
position: absolute;
font-family: Times;
font-size: 21px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 1144.41px;
top: 10.08px;
"
>*</span
>
<script>
// The variables below edits the snowfall , feel free to edit

var snowmax = 95;

var snowcolor = new Array(
"#aaaacc",
"#ddddff",
"#ccccdd",
"#f3f3f3",
"#f0ffff"
);

var snowtype = new Array("Times", "Arial", "Times", "Verdana");

//this one in special is funny
var snowletter = "*";

var sinkspeed = 0.6;

var snowmaxsize = 30;

var snowminsize = 12;

var snowingzone = 1;

//the real deal starts here

var snow = new Array();
var marginbottom;
var marginright;
var timer;
var i_snow = 0;
var x_mv = new Array();
var crds = new Array();
var lftrght = new Array();
var browserinfos = navigator.userAgent;
var ie5 =
document.all && document.getElementById && !browserinfos.match(/Opera/);
var ns6 = document.getElementById && !document.all;
var opera = browserinfos.match(/Opera/);
var browserok = ie5 || ns6 || opera;

function randommaker(range) {
rand = Math.floor(range * Math.random());
return rand;
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.scrollHeight;
marginright = document.body.clientWidth - 15;
} else if (ns6) {
marginbottom = document.body.scrollHeight;
marginright = window.innerWidth - 15;
}
var snowsizerange = snowmaxsize - snowminsize;
for (i = 0; i <= snowmax; i++) {
crds[i] = 0;
lftrght[i] = Math.random() * 15;
x_mv[i] = 0.03 + Math.random() / 10;
snow[i] = document.getElementById("s" + i);
snow[i].style.fontFamily = snowtype[randommaker(snowtype.length)];
snow[i].size = randommaker(snowsizerange) + snowminsize;
snow[i].style.fontSize = snow[i].size + "px";
snow[i].style.color = snowcolor[randommaker(snowcolor.length)];
snow[i].style.zIndex = 1000;
snow[i].sink = (sinkspeed * snow[i].size) / 5;
if (snowingzone == 1) {
snow[i].posx = randommaker(marginright - snow[i].size);
}
if (snowingzone == 2) {
snow[i].posx = randommaker(marginright / 2 - snow[i].size);
}
if (snowingzone == 3) {
snow[i].posx =
randommaker(marginright / 2 - snow[i].size) + marginright / 4;
}
if (snowingzone == 4) {
snow[i].posx =
randommaker(marginright / 2 - snow[i].size) + marginright / 2;
}
snow[i].posy = randommaker(
2 * marginbottom - marginbottom - 2 * snow[i].size
);
snow[i].style.left = snow[i].posx + "px";
snow[i].style.top = snow[i].posy + "px";
}
movesnow();
}

function movesnow() {
for (i = 0; i <= snowmax; i++) {
crds[i] += x_mv[i];
snow[i].posy += snow[i].sink;
snow[i].style.left =
snow[i].posx + lftrght[i] * Math.sin(crds[i]) + "px";
snow[i].style.top = snow[i].posy + "px";

if (
snow[i].posy >= marginbottom - 2 * snow[i].size ||
parseInt(snow[i].style.left) > marginright - 3 * lftrght[i]
) {
if (snowingzone == 1) {
snow[i].posx = randommaker(marginright - snow[i].size);
}
if (snowingzone == 2) {
snow[i].posx = randommaker(marginright / 2 - snow[i].size);
}
if (snowingzone == 3) {
snow[i].posx =
randommaker(marginright / 2 - snow[i].size) + marginright / 4;
}
if (snowingzone == 4) {
snow[i].posx =
randommaker(marginright / 2 - snow[i].size) + marginright / 2;
}
snow[i].posy = 0;
}
}
var timer = setTimeout("movesnow()", 50);
}

for (i = 0; i <= snowmax; i++) {
document.write(
"<span id='s" +
i +
"' style='position:absolute;top:-" +
snowmaxsize +
"'>" +
snowletter +
"</span>"
);
}
if (browserok) {
window.onload = initsnow;
}
</script>
</body>
</html>

提醒:在发布作品前请把不用的内容删掉