TOP /すぐに使えるJavaScript | 画像に雪(雪画像) |
---|
呼び出し部分はこれだけです。 画像サイズに合わせて赤字部分を変更してください<center> <IFRAME src = "iframe.html" height=300 width=400 frameborder=0></IFRAME> </center>
赤字部分を変更してください<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>