Free Web Hosting Provider
-
Web Hosting
-
E-commerce
-
High Speed Internet
-
Free Web Page
Search the Web
Welcome!
Close
Would you like to make this site your homepage? It's fast and easy...
Yes, Please make this my home page!
No Thanks
Don't show this to me again.
Close
--------> Siam4Free : รวมของฟรีสำหรับทุกคน <---------
home
|
column
แต่งเว็บด้วย
Script
ง่ายๆ
ทำตัวหนังสือวิ่งตามเมาส์ แบบมีสีพื้นหลัง
code นี้จะมีอยู่ 3 ส่วนครับ ใส่ให้ถูกนะครับ ตัวอย่างก็อยู่ใน หน้านี้ครับ แต่จะคนละสีนะครับ
ส่วนแรก นำไปใส่ใน TAG <head> - - - </head>
หมายเหตุ : 1. สามารถปรับขนาด, Font, สี ได้ใน ส่วน <style> </style> ของส่วนแรก
2. ใส่ข้อความ ลงใน
var message=" ........" ของส่วนแรก
<style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:12pt; font-family:Verdana; font-weight:bold; color:blue; background-color:#CCCCFF; } </style> <script> var x,y var step=20 var flag=0 // Your snappy message. Important: the space at the end of the sentence!!! var message="ใส่ ข้อความ ตรงนี้ " 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]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step 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) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (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>
ส่วนสอง นำไปใส่ใน TAG <body> - - - </body>
<script> <!-- Beginning of JavaScript - for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of JavaScript - --> </script>
ส่วนสาม นำไปใส่ใน TAG BODY กำหนดเป็น <body onload=makesnake()> - - - </body>
onload=makesnake()