eloued39

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

شاطر | 
 

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

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

ذكر عدد المساهمات: : 148
نقاط : 902
السٌّمعَة : 0
تاريخ التسجيل : 29/10/2010
العمل/الترفيه : الرياضة

كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا _
مُساهمةموضوع: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا   كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Icon_minitimeالإثنين نوفمبر 08, 2010 8:53 pm

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



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

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



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

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




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

الاول في

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

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

الرمز:

.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>


_________________
منتديات eloued39 ترحب بكم
http://eloued39.3oloum.com/
وهنا الأكواد الإنسيابية Css
http://eloued39.3oloum.com/montada-f39/
وهنا أكواد التومبلايت
http://eloued39.3oloum.com/montada-f38/
إشهار كل مايتنوع من المنتديات
http://eloued39.3oloum.com/montada-f35/
وهنا منتدى الأفلام الأجنبية
http://eloued39.3oloum.com/montada-f30/

وكل مايريد هنا فقط كل جديد وحصري على منتدى الحصريات والتجديدات العامة
eloued39
كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا LW687522
كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا 646801
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://eloued39.3oloum.com
alexa
عضو نشيط
عضو نشيط


ذكر عدد المساهمات: : 100
نقاط : 100
السٌّمعَة : 1
تاريخ التسجيل : 16/11/2010

كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا _
مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا   كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Icon_minitimeالثلاثاء نوفمبر 16, 2010 2:01 pm

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
eloued39 :: التطوير و المساعدة :: الأكواد الإنسيابية Css-
انتقل الى: