CURSOR TRAILER

CURSOR TRAILER TEXT

Penerangan : Anda ingin sesuatu yang cool ???.. Yeah.. ini dia script yang membuatkan laman anda kelihatan menarik.. Dengan script ini cursor (selalunya anak panah) anda kelihatan menarik dengan satu teks akan mengikut cursor anda kemana sahaja.. cool bukan??

Pencipta : Peter Gehrig

Demo : Lihat cursor anda..

CARANYA

1. Masukkan code ini ke dalam <head> tag .. TIPS.. Anda boleh menukar teks dengan mengubahnya di variable "message". Semakin pendek teks anda.. lebih baik perjalanan script ini. Untuk menukar style teks anda.. ubahnya di bahagian <style>.

<style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black; } </style> <script> /* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/) Permission given to Dynamicdrive.com to feature script in it's archive. For full source code, installation instructions, and 1000's more DHTML scripts, visit http://dynamicdrive.com */ var x,y var step=20 var flag=0 // Your snappy message. Important: the space at the end of the sentence!!! var message="DYNAMIC DRIVE! " 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>

2. Masukkan pula code ini di bahagian <body> tag anda..

<script>  </script>

3. Akhir sekali TAIP code di bawah di ruangan <body> itu sendiri.. PERINGATAN.. jangan copy terus dari sini.. anda perlu TULIS code ini didalam ruangan <body> itu..

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

Hosted by www.Geocities.ws