■ 画像爆発 ■
<マウスをクリックすると、画像がはじける>
↓のタグソースを
<head>〜</head> 間に書き込んでください。
<script language="JavaScript"> <!-- var xp0=0; var yp0=0; n=30; //表示させる画像の数 var doc_width = 500; var doc_height = 1500; xp=new Array(); yp=new Array(); i=new Array(); l=new Array(); dot=new Array(); star=new Array(); var k; var p=0; timerID=0; function BIG_BANG2() { for (m=1;m<(n+1);m++){ document.all["dot_"+m].style.display="none"; } clearTimeout(timerID); doc_width =document.body.scrollLeft+window.event.clientX; doc_height=document.body.scrollTop+window.event.clientY; xp0 = doc_width+2; yp0 = doc_height-2; for (m=1;m<(n+1);m++){ xp[m] = doc_width+4*Math.random(); yp[m] = doc_height-4*Math.random(); i[m]=xp[m]-xp0; l[m]=yp[m]-yp0; } k=9; //はじけるスピード(最初) p=0; BIG_BANG(); } function BIG_BANG() { p=p+1; for (m=1;m<(n+1);m++){ document.all["dot_"+m].style.display="block"; document.all["dot_"+m].style.pixelTop = yp[m]; document.all["dot_"+m].style.pixelLeft = xp[m]; xp[m]=xp[m]+k*i[m]; yp[m]=yp[m]+k*l[m]+4;//4は落下する方向のスピードです。0にすると落下しません。 k=k*0.998; //はじけるスピードの減速係数。1以下で減速、1以上にすると加速します。 } timerID=setTimeout("BIG_BANG()",7);//10を小さくすると細やかな動きになります。 if (p>=50) { p=50; //この段と上の段の50の数値は、はじけて消えるまでの時間です。 for (m=1;m<(n+1);m++){ document.all["dot_"+m].style.display="none"; } clearTimeout(timerID); } } //--> </script>
(2) <body>に、↓の赤表示のタグソースを書き加えてください。
<body
onclick='BIG_BANG2()'
>
(3) ↓のタグソースを
<body>〜</body> 間に書き込んでください。
<script language=JavaScript> var j=0; star[0]='http://から始まる画像アドレス1.gif'; star[1]='http://から始まる画像アドレス2.gif'; star[2]='http://から始まる画像アドレス3.gif'; for (m=1;m<(n+1);m++){if (j == (star.length-1)) { j = 0; } else { j += 1; } document.write('<div id=dot_'+ m +' ><img src=' + star[j] + ' border=0></div>'); document.write('<style >#dot_' + m + ' { position:absolute; z-index:' + m + ';display:none;top: 15px; LEFT: 15px; width:1;}</style>');} </script>
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送