인터넷정보

텍스트 애니메이션

알 수 없는 사용자 2007. 10. 18. 13:43
  1. <html>
  2. <head>
  3. <TITLE>animation for all links</TITLE>
  4. <script>
  5. <!-- JavaScript 시작 -
  6. var x,y
  7. var timer
  8. var i_fontsize=0
  9. var step=0
  10. var thisx,thisy
  11. function ringup() {
  12.         if (document.all) {
  13.                 thisx = x
  14.                 thisy = y
  15.                 ringup2()
  16.         }
  17. }
  18. function ringup2() {
  19.         if (i_fontsize<=1530) {        
  20.                 document.all.ring.style.fontSize=i_fontsize
  21.                 document.all.ring.style.color="gray"
  22.             document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
  23.                 document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))        
  24.                 step+=4
  25.                 i_fontsize+=step
  26.                 timer=setTimeout("ringup(2)",300)
  27.         }
  28.         else {
  29.                 clearTimeout(timer)
  30.                 i_fontsize=0
  31.                 step=0
  32.                 document.all.ring.style.posTop=-10000
  33.         }
  34. }
  35. function handlerMM(e){
  36.         x = (document.layers) ? e.pageX : event.clientX
  37.         y = (document.layers) ? e.pageY : event.clientY
  38. }
  39. document.onmousemove = handlerMM;
  40. // - JavaScript 끝- -->
  41. </script>
  42. <STYLE>
  43. .ringstyle {
  44.         position:absolute;
  45.         visibility:visible;
  46.         top:-50px;
  47.         font-size:5pt;
  48.         font-family:Verdana;
  49.         color:GREEN
  50. }
  51. .explain {
  52.         position:absolute;
  53.         top:80px;
  54.         left:40px;
  55.         width:480px;
  56.         color:GREEN;
  57.         text-align:center;
  58.         font-size:10pt;
  59.         font-family:Times;
  60. }
  61. A { font-family: Times;
  62.         color: GREEN;
  63.         text-decoration:underline
  64. }
  65. A:visited {
  66.         color: GREEN;
  67. }
  68. </STYLE>
  69. </HEAD>
  70. <body bgcolor="#000000" SCROLL=NO>
  71. Internet Explorer 4.x이상
  72. <DIV id="ring" class="ringstyle">OXTAG.COM</DIV>
  73. <DIV id="redirection" class="explain"><p> <body onload="javascript:for(i=1;i<30;i++){ringup();}"><p></DIV>
  74. </body>
  75. </html>
반응형