■ 画像が舞い降りるNO2 ■
(1)<body>に、↓の赤表示のタグソースを書き加えてください。
<body
onLoad="fall()"
>
(2) ↓のタグソースを
<body>〜</body> 間に書き込んでください。
<script language="JavaScript"> <!-- Image0=new Image(); Image0.src="http://から始まる画像アドレス1.gif";//ここに画像アドレスを書く Image1=new Image(); Image1.src="http://から始まる画像アドレス2.gif";//ここに画像アドレスを書く Image2=new Image(); Image2.src="http://から始まる画像アドレス3.gif";//ここに画像アドレスを書く Image3=new Image(); Image3.src="http://から始まる画像アドレス4.gif";//ここに画像アドレスを書く Image4=new Image(); Image4.src="http://から始まる画像アドレス5.gif";//ここに画像アドレスを書く Image5=new Image(); Image5.src="http://から始まる画像アドレス6.gif";//ここに画像アドレスを書く grphcs=new Array(6) grphcs[0]="http://から始まる画像アドレス1.gif";//ここに画像アドレスを書く grphcs[1]="http://から始まる画像アドレス2.gif";//ここに画像アドレスを書く grphcs[2]="http://から始まる画像アドレス3.gif";//ここに画像アドレスを書く grphcs[3]="http://から始まる画像アドレス4.gif";//ここに画像アドレスを書く grphcs[4]="http://から始まる画像アドレス5.gif";//ここに画像アドレスを書く grphcs[5]="http://から始まる画像アドレス6.gif";//ここに画像アドレスを書く Amount=8; Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); kina=(document.layers)?1:0; if (kina){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(45*Math.PI/90); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (kina){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; } else{ si[i].style.pixelLeft=Xpos[i]; si[i].style.pixelTop=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; } setTimeout('fall()',10); } //--> </script>
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送