البرنس شعبى جديد
»آلهوآيه♥ : »مَزآجِـَِﮯ♥ : الدوله : »قَـنَاتِـﮯِ♥: : الجنس : عدد المساهمات : 65 تاريخ التسجيل : 27/08/2011
| موضوع: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس الإثنين يوليو 16, 2012 11:22 pm | |
| السلام عليكم
اقدم لكم اليوم ساعة ولا اروع تتحرك مع الماوس بشكل رائع جداااا
مع امكانية توقيف الساعة والتحكم بها من قبل العضو
يوضع الكود على مرحلتين
الاول في
لوحة الادارة مظهر المنتدى الوان ورقة شخصية
نضع هذا الكود :
- الكود:
-
.css1{ position:absolute;top:0px;left:0px; width:16px;height:16px; font-family:Arial,sans-serif; font-size:16px; text-align:center; font-weight:bold; } .css2{ position:absolute;top:0px;left:0px; width:10px;height:10px; font-family:Arial,sans-serif; font-size:10px; text-align:center; }
اما الثاني يوضع في لوحة الادارة مظهر المنتدى تشكيلات عامة : الرمز:
- الكود:
-
<script type="text/javascript"> <!-- Mouse Clock 3 Button //Hide from older browsers if (document.getElementById&&!document.layers){ document.write('<input type="button" id="control" value="Clock Off" onClick="this.blur();onoff()">'); } //--> </script> <SCRIPT LANGUAGE="JavaScript"> <!-- Mouse Follow Clock 3 from Rainbow Arch --> <!-- This script and many more from : --> <!-- http://rainbow.arch.scriptmania.com --> <!-- Mouse Follow Clock 3 from http://rainbow.arch.scriptmania.com //Hide from older browsers if (document.getElementById&&!document.layers){ //Clock colours dCol='#00ff00';//date colour. fCol='#ffffff';//face colour. sCol='#ffffff';//seconds colour. mCol='#00ff00';//minutes colour. hCol='#00ff00';//hours colour. //Controls del=0.6; //Follow mouse speed. ref=40; //Run speed (timeout). //Alter nothing below! Alignments will be lost! var ieType=(typeof window.innerWidth != 'number'); var docComp=(document.compatMode); var docMod=(docComp && docComp.indexOf("CSS") != -1); var ieRef=(ieType && docMod) ?document.documentElement:document.body; theDays=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); theMonths=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year; D=tmpdate.split(""); N='3 4 5 6 7 8 9 10 11 12 1 2'; N=N.split(" "); F=N.length; H='...'; H=H.split(""); M='....'; M=M.split(""); S='.....'; S=S.split(""); siz=40; eqf=360/F; eqd=360/D.length; han=siz/5.5; ofy=-7; ofx=-3; ofst=70; tmr=null; vis=true; mouseY=0; mouseX=0; dy=new Array(); dx=new Array(); zy=new Array(); zx=new Array(); tmps=new Array(); tmpm=new Array(); tmph=new Array(); tmpf=new Array(); tmpd=new Array(); var sum=parseInt(D.length+F+H.length+M.length+S.length)+1; for (i=0; i < sum; i++){ dy[i]=0; dx[i]=0; zy[i]=0; zx[i]=0; } algn=new Array(); for (i=0; i < D.length; i++){ algn[i]=(parseInt(D[i]) || D[i]==0)?10:9; document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'<\/div>'); tmpd[i]=document.getElementById("_date"+i).style; } for (i=0; i < F; i++){ document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'<\/div>'); tmpf[i]=document.getElementById("_face"+i).style; } for (i=0; i < H.length; i++){ document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'<\/div>'); tmph[i]=document.getElementById("_hours"+i).style; } for (i=0; i < M.length; i++){ document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'<\/div>'); tmpm[i]=document.getElementById("_minutes"+i).style; } for (i=0; i < S.length; i++){ document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'<\/div>'); tmps[i]=document.getElementById("_seconds"+i).style; } function onoff(){ if (vis){ vis=false; document.getElementById("control").value="Clock On"; } else{ vis=true; document.getElementById("control").value="Clock Off"; Delay(); } kill(); } function kill(){ if (vis) document.onmousemove=mouse; else document.onmousemove=null; } function mouse(e){ var msy = (!ieType)?window.pageYOffset:0; if (!e) e = window.event; if (typeof e.pageY == 'number'){ mouseY = e.pageY + ofst - msy; mouseX = e.pageX + ofst; } else{ mouseY = e.clientY + ofst - msy; mouseX = e.clientX + ofst; } if (!vis) kill(); } document.onmousemove=mouse; function winDims(){ winH=(ieType)?ieRef.clientHeight:window.innerHeight; winW=(ieType)?ieRef.clientWidth:window.innerWidth; } winDims(); window.onresize=new Function("winDims()"); function ClockAndAssign(){ time = new Date(); secs = time.getSeconds(); sec = Math.PI * (secs-15) / 30; mins = time.getMinutes(); min = Math.PI * (mins-15) / 30; hrs = time.getHours(); hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360; for (i=0; i < S.length; i++){ tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px"; tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px"; } for (i=0; i < M.length; i++){ tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px"; tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px"; } for (i=0; i < H.length; i++){ tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px"; tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px"; } for (i=0; i < F; i++){ tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px"; tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px"; } for (i=0; i < D.length; i++){ tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px"; tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px"; } if (!vis)clearTimeout(tmr); } buffW=(ieType)?80:90; function Delay(){ scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset; if (!vis){ dy[0]=-100; dx[0]=-100; } else{ zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del); zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del); } for (i=1; i < sum; i++){ if (!vis){ dy[i]=-100; dx[i]=-100; } else{ zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del); zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del); } if (dy[i-1] >= winH-80) dy[i-1]=winH-80; if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW; } tmr=setTimeout('Delay()',ref); ClockAndAssign(); } window.onload=Delay; } //--> </script> ر
الف مبروك عليكم جميع الحقوق حصرية لمنتديات شعبى ميكس
تحياتى | |
|
TOKA عضو نشيط
»آلهوآيه♥ : »مَزآجِـَِﮯ♥ : الدوله : »قَـنَاتِـﮯِ♥: : الجنس : عدد المساهمات : 304 تاريخ التسجيل : 16/06/2011 العمر : 33
صفحتك ف FRIENDS WILL DESTORY THE WORLED حقلك ف منتدا الاصحاب: 2
| موضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس الإثنين يوليو 16, 2012 11:35 pm | |
| تسلم ولكن ليس القسم المناسب ينقل للقسم المناسب | |
|
the boos شعبى جديد
»آلهوآيه♥ : »مَزآجِـَِﮯ♥ : الدوله : »قَـنَاتِـﮯِ♥: : الجنس : عدد المساهمات : 58 تاريخ التسجيل : 16/06/2012
| موضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس الثلاثاء يوليو 17, 2012 12:34 pm | |
| تـــــــــســــــــــــــــــلـــــــــــــــــم | |
|
KHALID - NET شعبى جديد
»آلهوآيه♥ : »مَزآجِـَِﮯ♥ : الدوله : »قَـنَاتِـﮯِ♥: : عدد المساهمات : 7 تاريخ التسجيل : 31/07/2011
| موضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس السبت يوليو 21, 2012 2:12 am | |
| | |
|