TOP /すぐに使えるJavaScript 画像に雪(雪画像)

<center>
<IFRAME src = "iframe.html" height=300 width=400 frameborder=0></IFRAME>
</center>
呼び出し部分はこれだけです。 画像サイズに合わせて赤字部分を変更してください
iframe.html
<html><head>
<TITLE>iframe</TITLE>
<style type=text/css><!--
body{
background-image: url(quaint.jpg);
}
--></style>
</head>
<BODY topmargin=0 leftmargin=0 onContextmenu="return false"onselectstart="return false">
<script type="text/javascript"><!--
maximg=40;             //最大表示画像数
minimg=10;             //最小表示画像数
maxspeed=6;            //最大スピード
minspeed=2;            //最小スピード
imgs="snow.gif";       //使用画像
//-------------------------------------------
sx=new Array();sy=new Array();sp=new Array();
num=Math.floor(Math.random()*(maximg-minimg))+minimg;
scrnx=document.body.clientWidth-10;
scrny=document.body.clientHeight-30;
for(i=0;i<num;i++)
{
sx[i]=Math.floor(Math.random()*scrnx);
sy[i]=Math.floor(Math.random()*scrny);
sp[i]=Math.floor(Math.random()*(maxspeed-minspeed))+minspeed;
document.write("<img src='"+imgs+"'style='position:absolute;z_index:2;top:"
+ sy[i]+"px;left:"+sx[i]+"px;filter: Alpha(opacity=80);'ID='snow"+i+"'>");
}
function momeShow(){
for(i=0;i<num;i++)
{
sy[i]+=sp[i];
if(sy[i]>scrny)sy[i]=-10;
document.images["snow"+i].style.top=sy[i]+"px";
}
}
setInterval('momeShow()',100);/*himajin.moo.jp*/
// --></script>
</body></html>
赤字部分を変更してください
同一フォルダー内にiframe.html、背景画像、表示画像(snow.gif)
全てを入れてください。

雪画像