ภาษาไทย
<!--การทำให้เอฟเฟกต์นี้สมบูรณ์แบ่งออกเป็น 3 ขั้นตอน ขั้นตอนที่ 1: เพิ่มโค้ดต่อไปนี้ในพื้นที่ <head>--> <style type="text/css"> .spanstyle { COLOR: #ffd8ff; : Song Dynasty ; FONT-SIZE: 10pt; POSITION: สัมบูรณ์; TOP: -50px; VISIBILITY: มองเห็นได้ } </style> <script> var x,y var step=18 var flag=0 // ข้อความที่รวดเร็วของคุณ ที่ว่างท้ายประโยค!!! var message="★Website Building Academyยินดีต้อนรับคุณ!" message=message.split("") var xpos=new Array() for (i=0;i<=message. length- 1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-200 } ฟังก์ชัน handlerMM (e ){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY แฟล็ก=1 } ฟังก์ชั่น makesnake () { if (flag==1 && document.all) { สำหรับ (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[ i]=ypos[i-1] } xpos[0]=x+ขั้นตอน ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span "+ (i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { สำหรับ (i=message.length- 1; i>=1; i--) { xpos[i]=xpos[i-1]+ขั้นตอน ypos[i]=ypos[i-1] } xpos[0]=x+ขั้นตอน ypos[0]= y สำหรับ (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer= setTimeout("makesnake()",30) } </script> <!--ขั้นตอนที่ 2: เพิ่มโค้ดต่อไปนี้ลงในพื้นที่ <body>--> <script> <!-- จุดเริ่มต้นของ JavaScript - for ( i= 0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(ข้อความ [i]) เอกสาร .write ("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - สิ้นสุด JavaScript - --> </script> <! -- ขั้นตอนที่ 3: เปลี่ยน <body> เป็น --> <body bgcolor="#fef4d9" onload="makesnake()">
