Скрипт представляет собой нечто вроде орбиты (кольца), которая летает вокруг мышки. Орбита состоит из нескольких точек, которые постоянно плавно изменяют цвет. Кольцо из точек меняет ось вращения. Скрипт адаптирован для использования совместно с такими браузерами как Netscape 4 и Internet Explorer. Для установки скрипта необходимо скопировать и разместить его внутри Вашего HTML документа, лучше всего между тагами Head. Сам скрипт заключается в таг SCRIPT.
<!-- Paste in body -->
<script language="JavaScript">
<!-- Pretty by
kurt.grigg@virgin.net http://website.lineone.net/~kurt.grigg/javascriptcolours=new Array('ff00ff','00ff00','0000ff','00ff00'); //Add as many as you like, minimum of 2!
dots=12; //Number of dots, choose your own amount!
hght=70; //Width of effect!
wdth=70; //Height of effect!
dotsize=3; //Size of dots in pixels!
step=0.05; //Speed of dots twist and spin!
delay=0.2; //Follow mouse speed!
//Alter nothing past here!!!
dstrbt=360/dots;
currStep=0;
ypos=0;
xpos=0;
count1=0;
count2=0;
move=1;
ny=0;
nx=0;
ns=(document.layers);
ie=(document.all);
if (ns){
for (i=0; i < dots; i++)
document.write('<layer name="N'+i+'" left=0 top=0 bgcolor=#'+colours[0]+' clip="0,0,'+dotsize+','+dotsize+'"></layer>');
}
if (ie){
document.write('<div id="S" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < dots; i++){
document.write('<div id="E" style="position:absolute;top:0px;left:0px;width:'+dotsize+'px;height:'+dotsize+'px;background:#'+colours[0]+';font-size:'+dotsize+'px"></div>');
}
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ypos = (document.layers)?evnt.pageY:event.y;
xpos = (document.layers)?evnt.pageX:event.x;
}
if (ns)window.onMouseMove=Mouse;
if (ie)document.onmousemove=Mouse;
var D=null;
function TwistnSpin(){
if (ie) S.style.top=document.body.scrollTop;
for (i=0; i < dots; i++)
{
if (ns)D=document.layers["N"+i];
if (ie)D=E
.style;
D.top=ny+hght*Math.cos(currStep+i*dstrbt*Math.PI/180)*Math.sin(currStep/2);
D.left=nx+wdth*Math.sin(currStep+i*dstrbt*Math.PI/180)*Math.cos(1+currStep/2);
}
currStep-=step;
}
function colourStep(){
count1+=move;
if (count1 >= dots) {count1=0;count2+=move}
if (count2 == colours.length) count2=0;
if (ns) document.layers["N"+count1].bgColor=colours[count2];
if (ie) E[count1].style.background=colours[count2];
}
function MouseFollow(){
ay = ny+=(ypos-ny)*delay;
ax = nx+=(xpos-nx)*delay;
TwistnSpin();
colourStep();
setTimeout('MouseFollow()',10);
}
if (ns||ie)MouseFollow();
//-->
</script>
