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

دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر
المواضيع الأخيرة
» فيلم Mechanic: Resurrection 2016 DVDSCR مترجم تحميل مباشر
الأربعاء أغسطس 24, 2016 11:58 am من طرف five-star770

» فيلم Tank 432 2015 HD DVD مترجم تحميل مباشر
الأربعاء أغسطس 24, 2016 11:56 am من طرف five-star770

» The Legend of Tarzan 2016 HD – اسطورة طرزان حصريا
الأربعاء أغسطس 24, 2016 3:58 am من طرف five-star770

»  اللعبة الشيقة RISE OF THE TOMB RAIDER حملها الآن تحميل مباشر
الأربعاء أغسطس 24, 2016 3:42 am من طرف five-star770

»  MOBIUS FINAL FANTASY 1.0.106 مغامرة جديدة من Final Fantasy خاصة فقط بالهواتف الذكية
الأربعاء أغسطس 24, 2016 3:36 am من طرف five-star770

»  لعبة الدراجات البخارية الأكثر اكتمالاُ Valentino Rossi على روابط مباشرة
الأربعاء يوليو 27, 2016 12:18 am من طرف five-star770

»  اللعبة المنتظرة The Technomancer بروابط مباشرة
الأربعاء يوليو 27, 2016 12:16 am من طرف five-star770

»  لعبة TRON RUNr Outlands Pack بمساحة 8.46 جيجا بروابط مباشرة
الأربعاء يوليو 27, 2016 12:15 am من طرف five-star770

»  لعبة Mordheim City of the Damned Witch Hunter بمساحة 3.2 جيجا بروابط مباشرة
الأربعاء يوليو 27, 2016 12:13 am من طرف five-star770

» لعبة Umbrella Corps بمساحة 3.58 جيجا بروابط مباشرة
الأربعاء يوليو 27, 2016 12:12 am من طرف five-star770

» اللعبة المنتظرة the witcher 3 wild hunt blood and wine update v1 22 codex برابط مباشر وبدون اعلانات
الأربعاء يوليو 27, 2016 12:10 am من طرف five-star770

» لعبة Dark Souls III v1.03.1 Repack الشيقة برابط مباشر وبدون اعلانات
الأربعاء يوليو 27, 2016 12:08 am من طرف five-star770

» للاندرويد تطبيق SnapTube 4.5.0.8363 للتحميل من يوتيوب
الأربعاء يونيو 29, 2016 4:33 am من طرف five-star770

» للاندرويد تطبيق Line 6.4.1 بتاريخ 28/6/2016 بروابط مباشرة
الأربعاء يونيو 29, 2016 4:30 am من طرف five-star770

» المخلوقات الفضائية حقيقة لاجدال فيها
الأحد مارس 20, 2016 2:42 am من طرف زائر

أفضل 10 أعضاء في هذا المنتدى
five-star770
 
husamko
 
محمد رمضان
 
هديررمضان
 
hagarRamadan
 
moya
 
الامبراطور الرفاعي
 
طريق الهداية
 
marwen115
 
يحيى سيد على
 

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
five-star770
Admin
avatar

ذكر عدد المساهمات : 375
نقاط : 29515
السٌّمعَة : 2
تاريخ التسجيل : 06/04/2011

بطاقة الشخصية
five-star770:

مُساهمةموضوع: كود الساعة المتحركة مع الماوس   الجمعة أغسطس 12, 2011 6:11 am

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





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

الاول في

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

نضع هذا الكود :
الكود:
.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>

تحياتي لكم

___________________________________________
Five-star770


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://five-star770.net
husamko
Admin
avatar

عدد المساهمات : 131
نقاط : 25892
السٌّمعَة : 0
تاريخ التسجيل : 02/06/2011

مُساهمةموضوع: رد: كود الساعة المتحركة مع الماوس   الجمعة أغسطس 12, 2011 4:40 pm

شكرا لك على مساهمتك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://husamko.lolbb.com
 
كود الساعة المتحركة مع الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: القسم العام :: منوعاتfive-star770-
انتقل الى: