http://irvi.hexat.com

Pernahkah anda melihat mouse kursor anda berubah seketika saat anda masuk ke halaman suatu web? Kursor berefek diikuti bintang, tulisan, maupun gambar yang mengekor atau berputar-putar di sekitar kursor tersebut. Seperti halnya yang anda lihat di halaman ini, hem... lebih cantik kan tampilannya? Oke dech langsung saja nich ku kasih triknya, sekaligus scriptnya.

1] Copy & paste script di bawah ini ke halaman web kamu, tempatkan di antara tag

<STYLE TYPE="text/css"> <!-- This script modified by : Herry Rachmat Safi'i [http://irvi.hexat.com] BODY{ overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : pink; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : purple; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : pink; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : purple; visibility : hidden; } //--> </STYLE> <DIV ID="div1" CLASS="s1">*</DIV> <DIV ID="div2" CLASS="s2">*</DIV> <DIV ID="div3" CLASS="s3">*</DIV> <DIV ID="div4" CLASS="s4">*</DIV> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes var nav = (!document.all || window.opera); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+standardbody.scrollLeft; y = (nav) ? e.pageY : event.clientY+standardbody.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { document.getElementById('div'+n).style.top=y+'px' document.getElementById('div'+n).style.left=x+'px' document.getElementById('div'+n).style.visibility='visible' n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { document.getElementById('div'+n).style.visibility='hidden' n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </SCRIPT>

Download this script

2] Anda bisa juga memodifikasi sendiri efek yang ditampilkan kursor, misalnya ingin mengganti efek berupa bintang tersebut dengan dengan huruf abjad A ,B ,C ,D..., bahkan nama anda, tinggal ganti beberapa elemen script di bawah ini.

3] Sedang untuk mengganti warna efek kursor, maupun ukuran efek, perhatikan perubahan yang perlu dilakukan berikut.

Nach, slesai dah edit scriptnya. Silahkan mencoba, semoga berhasil