موقع برامج : مكتبة الأكواد : تأثيرات الماوس : تأثير جميل يدور حول الماوس

حدد الكود وإضغط مفتاحي Ctrl+C لنسخ الكود

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head> <meta http-equiv=content-language content=ar-sa> <title>مكتبة الجافا</title> <meta content="text/html; charset=windows-1256" http-equiv=content-type> <meta content="Microsoft FrontPage 5.0" name=GENERATOR> <style>a:link{color:#ffa500;text-decoration:none}a:visited{color:#80ff80;text-decoration:none}a:active{color:#ff0;text-decoration:none}a:hover{color:#fff;font-size:102%;text-decoration:none}</style> </head> <body> <div align=center> <center> <table border=0 width=700> <tbody> <tr> <td align=middle> <p> <p><layer clip="0,0,1,1" bgcolor="#ffffff" visibility=SHOW top=10 left=10 name=a0></layer><layer clip="0,0,1,1" bgcolor="#fff000" visibility=SHOW top=10 left=10 name=a1></layer><layer clip="0,0,1,1" bgcolor="#ffa000" visibility=SHOW top=10 left=10 name=a2></layer><layer clip="0,0,1,1" bgcolor="#ff00ff" visibility=SHOW top=10 left=10 name=a3></layer><layer clip="0,0,1,1" bgcolor="#00ff00" visibility=SHOW top=10 left=10 name=a4></layer><layer clip="0,0,1,1" bgcolor="#ff00ff" visibility=SHOW top=10 left=10 name=a5></layer><layer clip="0,0,1,1" bgcolor="#ff0000" visibility=SHOW top=10 left=10 name=a6></layer><layer clip="0,0,2,2" bgcolor="#ffffff" visibility=SHOW top=10 left=10 name=a7></layer><layer clip="0,0,2,2" bgcolor="#fff000" visibility=SHOW top=10 left=10 name=a8></layer><layer clip="0,0,2,2" bgcolor="#ffa000" visibility=SHOW top=10 left=10 name=a9></layer><layer clip="0,0,2,2" bgcolor="#ff00ff" visibility=SHOW top=10 left=10 name=a10></layer><layer clip="0,0,2,2" bgcolor="#00ff00" visibility=SHOW top=10 left=10 name=a11></layer><layer clip="0,0,2,2" bgcolor="#0000ff" visibility=SHOW top=10 left=10 name=a12></layer><layer clip="0,0,3,3" bgcolor="#ff0000" visibility=SHOW top=10 left=10 name=a13></layer> <script language=javascript>if(document.all){with(document){write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>')}} var Clrs=new Array(6) Clrs[0]='ff0000';Clrs[1]='00ff00';Clrs[2]='000aff';Clrs[3]='ff00ff';Clrs[4]='fff000';Clrs[5]='fffff0';if(document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase=200;var xBase=200;var step;var currStep=0;var Xpos=1;var Ypos=1;if(document.all) {function MoveHandler(){Xpos=document.body.scrollLeft+event.x;Ypos=document.body.scrollTop+event.y;} document.onmousemove=MoveHandler;} else if(document.layers) {function xMoveHandler(evnt){Xpos=evnt.pageX;Ypos=evnt.pageY;} window.onMouseMove=xMoveHandler;} function animateLogo(){if(document.all) {yBase=window.document.body.offsetHeight/4;xBase=window.document.body.offsetWidth/4;} else if(document.layers) {yBase=window.innerHeight/4;xBase=window.innerWidth/4;} if(document.all) {for(i=0;i<starsDiv.all.length;i++) {step=3;starsDiv.all[i].style.top=Ypos+yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200);starsDiv.all[i].style.left=Xpos+xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);for(ai=0;ai<Clrs.length;ai++) {var c=Math.round(Math.random()*[ai]);} starsDiv.all[i].style.background=Clrs[c];}} else if(document.layers) {for(j=0;j<14;j++) {step=4;var templayer="a"+j document.layers[templayer].top=Ypos+yBase*Math.sin((currStep+j*4)/12)*Math.cos(0.7+currStep/200);document.layers[templayer].left=Xpos+xBase*Math.sin((currStep+j*3)/10)*Math.sin(8.2+currStep/400);for(aj=0;aj<Clrs.length;aj++) {var c=Math.round(Math.random()*[aj]);} document.layers[templayer].bgColor=Clrs[c];}} currStep+=step;setTimeout("animateLogo()",10);} animateLogo();//--> </script> </td></tr></tbody></table></center></div></body></html>