البشائر albashaer.yoo7.com

اهلا بك زائرنا الكريم
فلى منتديات البشائـــر
نرجو منك التسجيلــ؛؛
والدخول لتصبح عضو مميز
اذا كنت من احد الاعضــاء
فاضغط الدخول

البشائر albashaer.yoo7.com

،،**( أهلا بكمــ في منتديات البشائر )**،،
 
الرئيسيةالتسجيلدخول

شاطر | 
 

 كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات

اذهب الى الأسفل 
كاتب الموضوعرسالة
النجم
مشرف قسم تطوير المنتديات والاشهار والدعاية
مشرف قسم تطوير المنتديات والاشهار والدعاية


الجنس : ذكر
عدد المساهمات : 153
نقاط : 106
تاريخ التسجيل : 14/02/2010

مُساهمةموضوع: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات   الأربعاء فبراير 09, 2011 4:29 am



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






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

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

الاول في

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

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


الكود:
.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>


الف مبروك عليكم


الرجوع الى أعلى الصفحة اذهب الى الأسفل
عاشقة صوفي
مديرة
مديرة
avatar

الجنس : انثى
عدد المساهمات : 1472
نقاط : 913
تاريخ التسجيل : 10/07/2009
العمر : 28

مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات   الأربعاء فبراير 09, 2011 11:02 am

مشكور اخي النجم
والله كود رائع جد
واصل ابداعك





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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
البشائر albashaer.yoo7.com :: دعم المنتديات :: تطوير المواقع والمنتديات :: اكواد css-
انتقل الى:  
المواضيع الأخيرة
» حدثت هذه القصه في الرياض..
الثلاثاء مارس 26, 2013 1:33 pm من طرف عاشقة صوفي

» 3 قصص خياليه
الثلاثاء مارس 26, 2013 1:32 pm من طرف عاشقة صوفي

»  قصة المؤمن والكافر
الثلاثاء مارس 26, 2013 1:31 pm من طرف عاشقة صوفي

» فتاة عمرها سنتين تقول لامها أبي أموت
الثلاثاء مارس 26, 2013 1:31 pm من طرف عاشقة صوفي

» قصه المدرسه المسكونه ادخل وما راح تندم وربي القصه حقيقيه
الثلاثاء مارس 26, 2013 1:30 pm من طرف عاشقة صوفي

»  قصة أصحاب الجنه
الثلاثاء مارس 26, 2013 1:29 pm من طرف عاشقة صوفي

» : قصة الثلاثة الذين أوو الى الغار
الثلاثاء مارس 26, 2013 1:29 pm من طرف عاشقة صوفي

» شخص مات بسبب منتدي هانا مونتانا
الثلاثاء مارس 26, 2013 1:28 pm من طرف عاشقة صوفي

» عد من 1الى 4و............
السبت مارس 10, 2012 1:55 pm من طرف عاشقة صوفي

أفضل 10 أعضاء في هذا المنتدى
عاشقة صوفي
 
Admin
 
dodo9
 
dudu
 
نوتيلا
 
ملكة الحــب
 
smsm
 
امين
 
النجم
 
أميرة الأحزان
 

للتسجيل اضغط هـنـا