-- أجدع agd3.so7ab صحاب --
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي

-- أجدع agd3.so7ab صحاب --


 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتمركز رفع الصورالتسجيلدخول

شاطر | 
 

 كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من أجدع صحاب

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
-- Elbasha --
نائب المدير العام
نائب المدير العام
avatar

عدد المساهمات : 2499
تاريخ التسجيل : 29/07/2010
العمر : 21

مُساهمةموضوع: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من أجدع صحاب   الثلاثاء يوليو 05, 2011 9:36 pm

اقدم لكم اليوم ساعة ولا اروع تتحرك مع الماوس بشكل رائع جداااا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

مع امكانية توقيف الساعة والتحكم بها من قبل العضو

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


يوضع الكود على مرحلتين

الاول في

لوحة الادارة
مظهر المنتدى
الوان
ورقة شخصية

نضع هذا الكود :

ضع ردا حتى يظهر الكود المخفى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]





اما الثاني يوضع في
لوحة الادارة
مظهر المنتدى
تشكيلات عامة :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




الف مبروك عليكم
<br /><!-- Mouse Clock 3 Button<br />//Hide from older browsers<br />if (document.getElementById&&!document.layers){<br />document.write('<input type=&quot;button&quot; id=&quot;control&quot; value=&quot;Clock Off&quot;<br />onClick=&quot;this.blur();onoff()&quot;>');<br />}<br />//--><br /> <br /><!-- Mouse Follow Clock 3 from Rainbow Arch --><br /><!-- This script and many more from : --><br /><!-- [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] --><br /> <br /><!-- Mouse Follow Clock 3 from [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] />//Hide from older browsers<br />if (document.getElementById&&!document.layers){<br /> <br />//Clock colours<br />dCol='#00ff00';//date colour.<br />fCol='#ffffff';//face colour.<br />sCol='#ffffff';//seconds colour.<br />mCol='#00ff00';//minutes colour.<br />hCol='#00ff00';//hours colour.<br /> <br />//Controls<br />del=0.6; //Follow mouse speed.<br />ref=40; //Run speed (timeout).<br /> <br />//Alter nothing below! Alignments will be lost!<br />var ieType=(typeof window.innerWidth != 'number');<br />var docComp=(document.compatMode);<br />var docMod=(docComp && docComp.indexOf(&quot;CSS&quot;) != -1);<br />var ieRef=(ieType && docMod)<br />?document.documentElement:document.body;<br />theDays=new<br />Array(&quot;SUNDAY&quot;,&quot;MONDAY&quot;,&quot;TUESDAY&quot;,&quot;WEDNESDAY&quot;,&quot;THURSDAY&quot;,&quot;FRIDAY&quot;,&quot;SATURDAY&quot;);<br />theMonths=new<br />Array(&quot;JANUARY&quot;,&quot;FEBRUARY&quot;,&quot;MARCH&quot;,&quot;APRIL&quot;,&quot;MAY&quot;,&quot;JUNE&quot;,&quot;JULY&quot;,&quot;AUGUST&quot;,&quot;SEPTEMBER&quot;,&quot;OCTOBER&quot;,&quot;NOVEMBER&quot;,&quot;DECEMBER&quot;);<br />date=new Date();<br />day=date.getDate();<br />year=date.getYear();<br />if (year < 2000) year=year 1900;<br />tmpdate=&quot; &quot; theDays[date.getDay()] &quot; &quot; day &quot;<br />&quot; theMonths[date.getMonth()] &quot; &quot; year;<br />D=tmpdate.split(&quot;&quot;);<br />N='3 4 5 6 7 8 9 10 11 12 1 2';<br />N=N.split(&quot; &quot;);<br />F=N.length;<br />H='...';<br />H=H.split(&quot;&quot;);<br />M='....';<br />M=M.split(&quot;&quot;);<br />S='.....';<br />S=S.split(&quot;&quot;);<br />siz=40;<br />eqf=360/F;<br />eqd=360/D.length;<br />han=siz/5.5;<br />ofy=-7;<br />ofx=-3;<br />ofst=70;<br />tmr=null;<br />vis=true;<br />mouseY=0;<br />mouseX=0;<br />dy=new Array();<br />dx=new Array();<br />zy=new Array();<br />zx=new Array();<br />tmps=new Array();<br />tmpm=new Array();<br />tmph=new Array();<br />tmpf=new Array();<br />tmpd=new Array();<br />var sum=parseInt(D.length F H.length M.length S.length) 1;<br />for (i=0; i < sum; i ){<br />dy[i]=0;<br />dx[i]=0;<br />zy[i]=0;<br />zx[i]=0;<br />}<br /> <br />algn=new Array();<br />for (i=0; i < D.length; i ){<br />algn[i]=(parseInt(D[i]) || D[i]==0)?10:9;<br />document.write('<div id=&quot;_date' i '&quot; class=&quot;css2&quot;<br />style=&quot;font-size:' algn[i] 'px;color:' dCol '&quot;>' D[i] '<\/div>');<br />tmpd[i]=document.getElementById(&quot;_date&quot; i).style;<br />}<br />for (i=0; i < F; i ){<br />document.write('<div id=&quot;_face' i '&quot; class=&quot;css2&quot;<br />style=&quot;color:' fCol '&quot;>' N[i] '<\/div>');<br />tmpf[i]=document.getElementById(&quot;_face&quot; i).style;<br />}<br />for (i=0; i < H.length; i ){<br />document.write('<div id=&quot;_hours' i '&quot; class=&quot;css1&quot;<br />style=&quot;color:' hCol '&quot;>' H[i] '<\/div>');<br />tmph[i]=document.getElementById(&quot;_hours&quot; i).style;<br />}<br />for (i=0; i < M.length; i ){<br />document.write('<div id=&quot;_minutes' i '&quot; class=&quot;css1&quot;<br />style=&quot;color:' mCol '&quot;>' M[i] '<\/div>');<br />tmpm[i]=document.getElementById(&quot;_minutes&quot; i).style;<br />}<br />for (i=0; i < S.length; i ){<br />document.write('<div id=&quot;_seconds' i '&quot; class=&quot;css1&quot;<br />style=&quot;color:' sCol '&quot;>' S[i] '<\/div>');<br />tmps[i]=document.getElementById(&quot;_seconds&quot; i).style; <br />}<br /> <br />function onoff(){<br />if (vis){<br /> vis=false;<br /> document.getElementById(&quot;control&quot;).value=&quot;Clock On&quot;;<br /> }<br />else{<br /> vis=true;<br /> document.getElementById(&quot;control&quot;).value=&quot;Clock Off&quot;;<br /> Delay();<br /> }<br />kill();<br />}<br /> <br />function kill(){<br />if (vis)<br /> document.onmousemove=mouse;<br />else<br /> document.onmousemove=null;<br />}<br /> <br />function mouse(e){<br />var msy = (!ieType)?window.pageYOffset:0;<br />if (!e) e = window.event; <br /> if (typeof e.pageY == 'number'){<br /> mouseY = e.pageY ofst - msy;<br /> mouseX = e.pageX ofst;<br /> }<br /> else{<br /> mouseY = e.clientY ofst - msy;<br /> mouseX = e.clientX ofst;<br /> }<br />if (!vis) kill();<br />}<br />document.onmousemove=mouse;<br /> <br />function winDims(){<br />winH=(ieType)?ieRef.clientHeight:window.innerHeight;<br />winW=(ieType)?ieRef.clientWidth:window.innerWidth;<br />}<br />winDims();<br />window.onresize=new Function(&quot;winDims()&quot;);<br /> <br />function ClockAndAssign(){<br />time = new Date();<br />secs = time.getSeconds();<br />sec = Math.PI * (secs-15) / 30;<br />mins = time.getMinutes();<br />min = Math.PI * (mins-15) / 30;<br />hrs = time.getHours();<br />hr = Math.PI * (hrs-3) / 6 Math.PI * parseInt(time.getMinutes()) /<br />360;<br /> <br />for (i=0; i < S.length; i ){<br /> tmps[i].top=dy[D.length F H.length M.length i] ofy (i*han)*Math.sin(sec) scrollY &quot;px&quot;;<br /> tmps[i].left=dx[D.length F H.length M.length i] ofx (i*han)*Math.cos(sec) &quot;px&quot;;<br /> }<br />for (i=0; i < M.length; i ){<br /> tmpm[i].top=dy[D.length F H.length i] ofy (i*han)*Math.sin(min) scrollY &quot;px&quot;;<br /> tmpm[i].left=dx[D.length F H.length i] ofx (i*han)*Math.cos(min) &quot;px&quot;;<br /> }<br />for (i=0; i < H.length; i ){<br /> tmph[i].top=dy[D.length F i] ofy (i*han)*Math.sin(hr) scrollY &quot;px&quot;;<br /> tmph[i].left=dx[D.length F i] ofx (i*han)*Math.cos(hr) &quot;px&quot;;<br /> }<br />for (i=0; i < F; i ){<br /> tmpf[i].top=dy[D.length i] siz*Math.sin(i*eqf*Math.PI/180) scrollY &quot;px&quot;;<br /> tmpf[i].left=dx[D.length i] siz*Math.cos(i*eqf*Math.PI/180) &quot;px&quot;;<br /> }<br />for (i=0; i < D.length; i ){<br /> tmpd[i].top=dy[i] siz*1.5*Math.sin(-sec i*eqd*Math.PI/180) scrollY &quot;px&quot;;<br /> tmpd[i].left=dx[i] siz*1.5*Math.cos(-sec i*eqd*Math.PI/180) &quot;px&quot;;<br /> }<br />if (!vis)clearTimeout(tmr);<br />}<br /> <br />buffW=(ieType)?80:90;<br />function Delay(){<br />scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset;<br />if (!vis){<br /> dy[0]=-100;<br /> dx[0]=-100;<br />}<br />else{<br /> zy[0]=Math.round(dy[0] =((mouseY)-dy[0])*del);<br /> zx[0]=Math.round(dx[0] =((mouseX)-dx[0])*del);<br />}<br />for (i=1; i < sum; i ){<br /> if (!vis){<br /> dy[i]=-100;<br /> dx[i]=-100;<br /> }<br /> else{<br /> zy[i]=Math.round(dy[i] =(zy[i-1]-dy[i])*del);<br /> zx[i]=Math.round(dx[i] =(zx[i-1]-dx[i])*del);<br /> }<br />if (dy[i-1] >= winH-80) dy[i-1]=winH-80;<br />if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW;<br />}<br /> <br />tmr=setTimeout('Delay()',ref);<br />ClockAndAssign();<br />}<br />window.onload=Delay;<br />}<br />//--><br />






[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://banat-w-sobian.montadarabi.com
 
كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من أجدع صحاب
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
-- أجدع agd3.so7ab صحاب -- :: قسم تطوير المواقع والمنتديات [ The development of sites and forums ] :: تقنيات اكواد الــ css-
انتقل الى: