الرسام Admin
عدد المساهمات : 262 تاريخ التسجيل : 11/10/2013
| موضوع: مجموعة اكواد لمؤثرات الماوس الثلاثاء أكتوبر 15, 2013 1:23 pm | |
| ألوان تتبع الماوس
طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<style type="text/css"> <!-- #a { position: absolute; top: 10px; left: 10px; visibility: visible } #b { position: absolute; top: 10px; left: 10px; visibility: visible } #c { position: absolute; top: 10px; left: 10px; visibility: visible } #d { position: absolute; top: 10px; left: 10px; visibility: visible } #e { position: absolute; top: 10px; left: 10px; visibility: visible } #f { position: absolute; top: 10px; left: 10px; visibility: visible } #g { position: absolute; top: 10px; left: 10px; visibility: visible } --> </style>
2- انسخ هذه الأكواد و ضعها بعد BODY - الكود:
-
<layer name="a0" left="10" top="10" visibility="show" bgcolor="#ff0000" clip="0,0,2,2"></layer> <layer name="a1" left="10" top="10" visibility="show" bgcolor="#ff8000" clip="0,0,2,2"></layer> <layer name="a2" left="10" top="10" visibility="show" bgcolor="#ffff00" clip="0,0,2,2"></layer> <layer name="a3" left="10" top="10" visibility="show" bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a4" left="10" top="10" visibility="show" bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a5" left="10" top="10" visibility="show" bgcolor="#ff00ff" clip="0,0,2,2"></layer> <layer name="a6" left="10" top="10" visibility="show" bgcolor="#ffffff" clip="0,0,2,2"></layer>
<div id="starsDiv" style="position:absolute;top:0px;left:0px"> <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:1px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffff00;font-size:1px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:1px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ff0000;font-size:1px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:1px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:1px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:1px;visibility:visible"></div> </div>
<script language="JavaScript">
<!-- Begin // Original: freeware.de // Web Site: http://freeware.de // MSIE Fix by: Kurt Grigg (kurt.grigg@virgin.net) /* Visit our site at http://www.star28.com/ for more code * This notice must stay intact for use */
function MoveHandler(){ Xpos = document.body.scrollLeft + event.x; Ypos = document.body.scrollTop + event.y; }
function xMoveHandler(evnt) { Xpos = evnt.pageX; Ypos = evnt.pageY; }
if (document.layers) { window.captureEvents(Event.MOUSEMOVE); } var yBase = 200; var xBase = 200; var yAmpl = 10; var yMax = 40; var step = .2; var ystep = .5; var currStep = 0; var tAmpl=1; var Xpos = 1; var Ypos = 1; var i = 0; var j = 0; if (document.all) { document.onmousemove = MoveHandler; } else if (document.layers) { 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++) { starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); } } else if (document.layers) { for (j = 0; j < 7; j++) { //7 is number of NS layers! var templayer="a" + j; document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); } } currStep += step; setTimeout("animateLogo()", 10); } animateLogo(); // End --> </script>
ألوان تتبع الماوس 2طريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<!-- Original: Kurt Grigg (kurt.grigg@virgin.net)) --> <!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript -->
<!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com -->
<script language="JavaScript"> /* Visit our site at http://www.star28.com/ for more code * This notice must stay intact for use */ <!-- Begin function nMouse(evnt){ Ypos = evnt.pageY; Xpos = evnt.pageX; }
function iMouse() { Ypos = event.y+document.body.scrollTop; Xpos = event.x+document.body.scrollLeft; }
function Comet() { var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4; var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4; for (i = 0; i < 14; i++){ var randCol = Math.round(Math.random()*8); var layer = (document.layers)?document.layers['n'+i]:me[i].style; layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200); layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400); if (ns) layer.bgColor = Clrs[randCol]; else layer.background = Clrs[randCol]; } currStep += step; setTimeout("Comet()",10); }
ns = (document.layers)?1:0; Clrs = new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff'); yBase = 0; xBase = 0; step = 3; currStep = 0; Ypos = 0; Xpos = 0; if (ns){ for (i = 0; i < 14; i++) document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>'); window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = nMouse; } else{ document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">'); for (i=0; i < 14; i++) {document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>');} document.write('</div></div>'); document.onmousemove = iMouse; } window.onload = Comet; // End --> </script>
كلام يتبع الماوسطريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:black; } </style> <script>
/* Visit our site at http://www.star28.com/ for more code * This notice must stay intact for use */
var x,y var step=20 var flag=0
// Your snappy message. Important: the space at the end of the sentence!!! var message="Welcome!!!" message=message.split("")
var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 }
var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 }
function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 }
function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) }
</script>
<script> <!-- Beginning of JavaScript -
for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") }
if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM;
// - End of JavaScript - --> </script>
2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا - الكود:
-
<BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
كلام يتبع الماوس 2طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<SCRIPT language="JavaScript1.2"> <!--
/* Visit our site at http://www.star28.com/ for more code Cursor scroller script- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts */
//1) set message to display var scroller_msg='مرحباً بكم في دليل العرب الشامل' //2) set whether message should auto disappear after x seconds (0=perpetual). //Note that double clicking page will also dismiss message var dismissafter=0
function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body }
var initialvisible=0 if (document.all) document.write('<marquee direction="right" id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')
function followcursor(){ //move cursor function for IE
if (initialvisible==0){ curscroll.style.visibility="visible" initialvisible=1 }
curscroll.style.left=ietruebody().scrollLeft+event.clientX+10 curscroll.style.top=ietruebody().scrollTop+event.clientY+10 }
function dismissmessage(){ curscroll.style.visibility="hidden" }
if (document.all){ document.onmousemove=followcursor document.ondblclick=dismissmessage if (dismissafter!=0) setTimeout("dismissmessage()",dismissafter*1000) }
//--> </SCRIPT>
2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذ - الكود:
-
<body style="width:100%;overflow-x:hidden;overflow-y:scroll">
نقاط ملونة حول مؤشر الماوس
طريقة التركيب
انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY - الكود:
-
<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,2,2"></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>') } }
if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step = 1; 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/6; xBase = window.document.body.offsetWidth/6; } else if (document.layers) { yBase = window.innerHeight/8; xBase = window.innerWidth/8; }
if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200); } }
else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200); } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); </script>
منع استخدام زر الماوس الأيمن
اضغط بزر الماوس اليمين في اي مكان
استخدم ctrl + A لتحديد الكود و ctrl + C للنسخطريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<script language="JavaScript"> // Visit our site at http://www.star28.com/ for more code <!-- function click() { if (event.button==2) { alert('لا تعيدها'); } } document.onmousedown=click // --> </script>
منع استخدام زر الماوس اليمين بدون رسالة
اضغط بزر الماوس اليمين في اي مكان
استخدم ctrl + A لتحديد الكود و ctrl + C للنسخطريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<script language=JavaScript> // Visit our site at http://www.star28.com/ for more code <!--
var message=""; /////////////////////////////////// function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false") // --> </script>
منع استخدام زر الماوس اليمين للصوراضغط بزر الماوس اليمين على الصورةطريقة التركيب
انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<script language="JavaScript1.2">
/* Disable right click script II (on images)- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com * Translated By www.star28.com/ */
var clickmessage="الزر اليمين لا يعمل على الصور "
function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } }
function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; }
if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script>
كود يمنع استخدام الزر الايمن وايضا يمنع اي عمليه مسح لصورة او كتابةطريقة التركيبغير في وسم الجسم BODY ليصبح مثل هذا - الكود:
-
<body onbeforeprint="onbeforeprint()" onafterprint="onafterprint()" onselectstart="return false" oncontextmenu="return false">
دوائر جميلة حول مؤشر الماوس طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD - الكود:
-
<style TYPE="text/css"> <!-- #a0 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a1 {position:absolute; left:96; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a2 {position:absolute; left:216; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a3 {position:absolute; left:338; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a4 {position:absolute; left:460; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a5 {position:absolute; left:640; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a6 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a7 {position:absolute; left:200; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a8 {position:absolute; left:300; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;} #a9 {position:absolute; left:600; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
// --> </style>
2- غير ضمن الوسم BODY ليصبح مثل هذا - الكود:
-
<BODY onLoad="startthedots()">
3- ضع هذا الكود بعد الوسم BODY - الكود:
-
<script LANGUAGE="JavaScript">
/* Swirling cursor trail (By Ozone, http://ozone.com) Featured on JavaScript Kit free JavaScripts with bug fix for IE (http://javascriptkit.com) Visit our site at http://www.star28.com/ for more code */
window.onerror=null; netscape = (document.layers) ? 1:0; goodIE = (document.all) ? 1:0; document.onmousemove=MoveHandler; var gotthere = 0; var count = 0; var ietopcorner='' var ieleftcorner=''
toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 ); temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 ); leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 ); templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 ); difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 ); diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 ); questtop = -13; questleft2 = -96; if (netscape) { document.body=new Object() document.body.scrollTop='' document.body.scrollLeft='' window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = MoveHandler; var layerstart = "document."; var layerleft = ".left"; var layertop = ".top"; var layerstyle = ""; var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; } else if (goodIE) { ietopcorner=document.body.scrollTop ieleftcorner=document.body.scrollLeft layerstart = "document.all."; layerleft = ".left"; layertop = ".top"; layerstyle = ".style"; windowWidth=600; windowHeight=400; } // end error trapping var Ypos2 = 72; var Xpos2 = 72; function MoveHandler(e) { if (netscape || goodIE) { Xpos2 = (netscape)?e.pageX:event.x Ypos2 = (netscape)?e.pageY:event.y Xorigin = Xpos2; Yorigin = Ypos2; if (Ypos2 > windowHeight/2) { if (Xpos2 > windowWidth/2) { direction = 1;} else { direction = -1;} } else { if (Xpos2 > windowWidth/2) { direction = -1;} else { direction = 1;} } }}
function startthedots() { if (goodIE) { windowWidth=document.body.clientWidth; windowHeight=document.body.clientHeight; } Xorigin = 204; Yorigin = 147; spin();run(); }
var OrbitSize = 200; count=1; delay=100; direction = -1; Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 ); Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 ); Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 ); var speed = -0.06; var offset = 1;
function spin() { for ( j = 0 ; j <= 9 ; j++ ) { Count[j] = Count[j] + (speed*direction); Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset)); Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); } setTimeout('spin()',3); }
function run() { count++; for ( j = 0 ; j <= 9 ; j++ ) { difftop[j] = Ypoint[j] - temptoplocation[j]; diffleft[j] = Xpoint[j] - templeftlocation[j]; diff = 30; temptoplocation[j] = temptoplocation[j] + difftop[j]/diff; templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff; eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]"); eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"); } setTimeout('run()', 25) }
badIE = 0; browserName = navigator.appName.substring(0,8); browserVer = parseFloat(navigator.appVersion); macintosh = navigator.userAgent.indexOf("Mac"); if (browserName == "Microsof") { if (macintosh != -1) { badIE = 1; } if (browserVer < 4) { badIE = 1; } }
</script>
<div ID="a0" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a1" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a2" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a3" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a4" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a5" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a6" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a7" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a8" align="center"><img src="swirl.gif" height="9" width="9"></div> <div ID="a9" align="center"><img src="swirl.gif" height="9" width="9"></div>
4- اضغط على صورة الدائرة الصغيرة باليمين ثم حفظ باسم و ارفعها الى مجلد صفحة السكربت كود تغيير مؤشر الماوس بمؤشر آخر جميل
من المؤكد بأنك شاهدت هذا المؤشر في بعض المواقع و هو جميل حقاً و سهل في التركيب
1 - ضع هذا الكود في منطقة رأس الصفحة [ HEAD ] - الكود:
-
<style> body { CURSOR: url(mouse.cur); } </style>
2 - حمل هذا الملف و فك الضغط عنه ثم ارفع الملف المسمى mouse.cur الى مساحة موقعك | |
|