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

◄أهلا وسهلا بكـ يـا انت الأن في https://d3marab.7olm.org / مجموع مشاركاتك معنا : 0 مشاركة
◄أخر زيارة لك كانت في الخميس يناير 01, 1970
◄تاريخ/ساعة اليوم : الجمعة سبتمبر 20, 2024 11:39 pm

المواضيع الأخيرة
» [ Template ] كود اخر 20 موضوع و أفضل 10 أعضاء بلمنتدى و مع معرض لصور كالفي بي
من طرف naruto101 الجمعة ديسمبر 05, 2014 2:33 pm

» [Javascript]حصريا كود يقوم بتنبيه العضو بان رده قصير
من طرف احمد السويسي الخميس أغسطس 28, 2014 2:38 am

» نتائج شهادة البكالوريا 2014
من طرف menimeVEVO الثلاثاء يونيو 10, 2014 3:55 am

» من اعمالي موديلات جديدة وحصرية 2012
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 5:37 pm

» من ابداعات ساندرا،كما وعدتكم بعض من موديلاتها
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:49 pm

» قندوووووووورة جديدة تفضلواا
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:23 pm

» طلب صغير لو سمحتو
من طرف hothifa الإثنين ديسمبر 23, 2013 9:11 pm

» الان فقط وحصريا (استايل واند الالكتروني متعدد الالوان)
من طرف AGILIEDI الإثنين ديسمبر 23, 2013 8:34 pm

» جديد موديلات فساتين البيت بقماش القطيفة 2012 - تصاميم قنادر الدار بأشكال جديدة و قماش القطيفة - صور قنادر جزائرية
من طرف hadda32 الأحد ديسمبر 08, 2013 12:16 pm

» [Template] استايل منتدى سيدي عامر 2012
من طرف ßLẫĆҜ ĈĄŦ الأربعاء نوفمبر 20, 2013 6:46 pm

سحابة الكلمات الدلالية


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

2 مشترك

معهد الدعم العربي :: تطوير و دعم احلى منتدى :: الأكواد الإنسيابية Css

اذهب الى الأسفل

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

مُساهمة من طرف غريب بزماني الجمعة مايو 11, 2012 6:50 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>


غريب بزماني
غريب بزماني

عدد المساهمات : 503
نقاط : 1503
السٌّمعَة : 0
تاريخ التسجيل : 10/05/2012
العمر : 30

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

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

مُساهمة من طرف elhabib89 الإثنين مايو 28, 2012 9:22 am

شكرا لك على الكود أخي

جزاك الله كل خير

في انتظار المزيد
elhabib89
elhabib89

عدد المساهمات : 769
نقاط : 1082
السٌّمعَة : 1
تاريخ التسجيل : 24/05/2012
العمر : 32

http://bibo89.yoo7.com

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

معهد الدعم العربي :: تطوير و دعم احلى منتدى :: الأكواد الإنسيابية Css

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