Para sobat blogger yang hobi nya mendesain web ataupun seorang blogger mungkin tidak asing lagi dengan instilah javascript, itu lohhh yang rumusnya panjang dan susah abis. nah kali ini sayang akan memberikan code untuk tampilan kursor komet menggunakan javascript yang bisa sobat gunakan untuk tambahan pada web maupun blog sobat. untuk lebih mudahnya sobat langsung aja copy script dibawah ini, dan bagi yang sudah ahli tinggal ganti-ganti perintahnya aja deh dijamin seruh abis.
<head>
<title>kursor komet</title>
</head>
<body>
<script language="JavaScript">
warna=new Array('#ff0000','#00ff00','#ffffff','#ff00ff','#ffa500','#ffff00','#00ff00','#ffffff','ff00ff')
n = 20;
y = 0;
x = 0;
n6=(document.getElementById&&!document.all);
ns=(document.layers);
ie=(document.all);
d=(ns||ie)?'document.':'document.getElementById("';
a=(ns||n6)?'':'all.';
n6r=(n6)?'")':'';
s=(ns)?'':'.style';
if (ns){
for (i = 0; i < n; i++)
document.write('<layer name="dots'+i+'" top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>');
}
if (ie)
document.write('<div id="con" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
if (ie||n6){
for (i = 0; i < n; i++)
document.write('<div id="dots'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#ff0000;font-size:'+i/2+'"></div>');
}
if (ie)
document.write('</div></div>');
(ns||n6)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(event){
y = (ns||n6)?event.pageY+4 - window.pageYOffset:event.y+4;
x = (ns||n6)?event.pageX+1:event.x+1;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function animasi(){
o=(ns||n6)?window.pageYOffset:0;
if (ie)con.style.top=document.body.scrollTop;
for (i = 0; i < n; i++){
var kursorcoy1 = eval(d+a+"dots"+i+n6r+s);
warnaAcak = warna[Math.floor(Math.random()*warna.length)];
(ns)?kursorcoy1.bgColor = warnaAcak:kursorcoy1.background = warnaAcak;
if (i < n-1){
var kursorcoy2 = eval(d+a+"dots"+(i+1)+n6r+s);
kursorcoy1.top = parseInt(kursorcoy2.top);
kursorcoy1.left = parseInt(kursorcoy2.left);
}
else{
kursorcoy1.top = y+o;
kursorcoy1.left = x;
}
}
setTimeout("animasi()",10);
}
animasi();
</script>
</body>
</html>
Sobat tinngal copy aja tuh script diatas pada notpad kemudian simpan dengan nama kursor komet, semoga bermanfaat.
