شعاع التصميم | Sho3a3 Altasmem
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
ahmed medhat
New Member 10%
New Member 10%
ahmed medhat


ذكر
المساهمات : 33
~|| تاريخ التسجيل ||~ : 25/01/2011
~|| العمر ||~ : 28

كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Empty
مُساهمةموضوع: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا   كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Icon_minitime25/1/2011, 22:44

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



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



كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا 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('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('
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('
style="color:'+fCol+'">'+N[i]+'</div>');
tmpf[i]=document.getElementById("_face"+i).style;
}
for (i=0; i < H.length; i++){
document.write('
style="color:'+hCol+'">'+H[i]+'</div>');
tmph[i]=document.getElementById("_hours"+i).style;
}
for (i=0; i < M.length; i++){
document.write('
style="color:'+mCol+'">'+M[i]+'</div>');
tmpm[i]=document.getElementById("_minutes"+i).style;
}
for (i=0; i < S.length; i++){
document.write('
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>





الف مبروك عليكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Design-sasuke
Administrator OnE oF ThE PeoplE Administrator OnE oF ThE PeoplE
Design-sasuke


ذكر
المساهمات : 735
~|| تاريخ التسجيل ||~ : 25/01/2011
~|| العمر ||~ : 27
~|| الموقع ||~ : sho3a3

كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Empty
مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا   كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Icon_minitime25/1/2011, 23:04

شششكرآ لك

بس اممم وين الكود الثاني
الرجوع الى أعلى الصفحة اذهب الى الأسفل
x promise

New Member 75%


New Member 75%
x promise


ذكر
المساهمات : 217
~|| تاريخ التسجيل ||~ : 25/01/2011
~|| العمر ||~ : 36

كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Empty
مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا   كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Icon_minitime27/1/2011, 11:12

يعطيك العافية

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

Active Member


Active Member
goldenstar


ذكر
المساهمات : 428
~|| تاريخ التسجيل ||~ : 01/02/2011
~|| العمر ||~ : 29
~|| الموقع ||~ : sh3a3

كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Empty
مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا   كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا Icon_minitime3/2/2011, 01:56

thanks
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  اروع برامج الحماية
» إن زلزلة الساعة شي عظيم ..!!
»  أكثر من 3500 خط حر للفوتوشوب حصريا
» حصريا درس تقطيع احترافي في اقل من 5 دقائق
» • حصريا • مجموعة الخطوط الرائعة Library Fonts | حجم 160 Mb | سيرفرات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شعاع التصميم | Sho3a3 Altasmem :: ~ الويب ماسترز :: {.. دعم احلـى منتدى ~ :: اكواد Css-
انتقل الى: