دائرة
<body>ببساطة انسخ هذا الكود في
<!-- Body الصق في--> <script language="JavaScript"> <!-- var step = 0.2; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all){ document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>' +'</div>' +'</div>'); function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers){ document.write('<LAYER NAME="a0" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a1" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a2" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a3" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a4" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a5" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a6" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a7" LEFT=10 TOP=10 CLIP="0,0,2,2"></LAYER>'); window.captureEvents(Event.MOUSEMOVE); function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } var Clrs=new Array(8) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='ff6633'; Clrs[5]='ffff00'; Clrs[6]='00ff00'; Clrs[7]='ffffff'; function Colours(){ if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { for ( n = 0; n < Clrs.length; n++ ) { var kurt=Math.round(Math.random()*[n]) } ieDiv.all.c.all[i].style.background= Clrs[kurt]; } } else if (document.layers) { for (i=0;i < 8;i++) { for (n=0;n < Clrs.length;n++) { var grigg=Math.round(Math.random()*[n]) } var temp="a"+i document.layers[temp].bgColor=Clrs[grigg]; } } setTimeout("Colours()",5); } Colours(); function animateLogo(){ if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos+90*Math.sin((currStep + i*3.1)/4)*Math.cos(currStep/10) ieDiv.all.c.all[i].style.left= Xpos+90*Math.cos((currStep + i*3.1)/4) } } else if (document.layers) { for ( i = 0 ; i < 8 ; i++ ) //number of NS layers! { var templayer="a"+i document.layers[templayer].top = Ypos+90*Math.sin((currStep + i*3.1)/4)*Math.cos(currStep/10) document.layers[templayer].left = Xpos+90*Math.cos((currStep + i*3.1)/4) } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </script>