NO.123 ウィンドウ応用③

小窓でパフォーマンス

実用性のかけらも無い子供だましのScriptです。
ウィンドウを半径300の円に沿って開いた後、画面の上と下に落として消します。
タイマーで制御したので、ボタンを押した後10秒ほど待ってみてください。

実行例

ソース

<script type=text/javascript>
<!--
ain1="<script>function ttt(){window.moveTo(window.screenLeft,window.screenTop-50);"+
"if(window.screenTop<=0){window.close();}if(window.screenTop>=screen.height){window.close();}}"+
"function SS(){DDD=setInterval('ttt()',500);}setTimeout('SS()',10000)</script>";
function en(a){
c=300;b=Math.sqrt(Math.pow(c,2)-Math.pow(a,2));
}
ain2="<script>function ttt(){window.moveTo(window.screenLeft,window.screenTop+30);"+
"if(window.screenTop<=0){window.close();}if(window.screenTop>=screen.height){window.close();}}"+
"function SS(){DDD=setInterval('ttt()',500);}setTimeout('SS()',10000)</script>";
function en(a){
c=300;b=Math.sqrt(Math.pow(c,2)-Math.pow(a,2));
}

function js1(){
for(a=5;a>0;a--){d=a*50;
WIN=window.open("","hs"+a,"width=100,height=100,menubar=no");
en(d);WIN.moveTo(screen.width/2-d-50,screen.height/2+b-50);
WIN.document.open();
WIN.document.write(ain1,WIN.name);
WIN.document.close();
}
for(a=0;a<7;a++){d=a*50;
WIN=window.open("","ms"+a,"width=100,height=100,menubar=no");
en(d);WIN.moveTo(screen.width/2+d-50,screen.height/2+b-50);
WIN.document.open();
WIN.document.write(ain1,WIN.name);
WIN.document.close();
}
for(a=5;a>-1;a--){d=a*50;
WIN=window.open("","mu"+a,"width=100,height=100,menubar=no");
en(d);WIN.moveTo(screen.width/2+d-50,screen.height/2-b-50);
WIN.document.open();
WIN.document.write(ain2,WIN.name);
WIN.document.close();
}
for(a=1;a<7;a++){d=a*50;
WIN=window.open("","hu"+a,"width=100,height=100,menubar=no");
en(d);WIN.moveTo(screen.width/2-d-50,screen.height/2-b-50);
WIN.document.open();
WIN.document.write(ain2,WIN.name);
WIN.document.close();
}
}
-->
</script>
<input type=button onClick="js1()"value="パフォーマンス">

※window.screenLeft⇒ウィンドウ内の左端座標を表示、window.screenTop⇒ウィンドウ内の上端座標を表示
変数名=setInterval("実行する関数",秒);⇒指定した間隔(秒)ごとに関数を実行、変数名=setTimeout("実行する関数",秒);⇒指定した間隔(秒)後に関数を実行
Math⇒数式オブジェクト、Math.sqrt(値);⇒平方根を求める、Math.pow(値,乗数);⇒べき乗を求める

実行

トップに戻る前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送