文字を画面内でピンポンさせる?
| サンプル |
| <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <title></title> <script language="JavaScript"> <!-- var a=20; var b=20; function ballMove() { if(ball.style.posLeft<=0 || ball.style.posLeft>=document.body.clientWidth-55) a=-a; if(ball.style.posTop<=0 || ball.style.posTop>=document.body.clientHeight-65) b=-b; ball.style.posLeft+=a; ball.style.posTop+=b; setTimeout("ballMove()",0); } // --> </script> </head> <body onload="ballMove()"> <SPAN id="ball"style="position:absolute;top:10;left:1;color:#330000;font-size:45;">○</SPAN> </body> </html> |
| var a=20; var b=20 で移動量が変わります。 top:10;left:1;color:#330000;font-size:45;">○は、好きなようにしてください。○が●でもなんでも 結構です。 コピー・ペーストしてこちらですぐに実験できます。 |
サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります