منتديات شعبى ميكس
اهلا بيكم فى مملكه الشعبى
اكبر تجمع لموزعين الشعبي
رمضان كريم



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

  • شاطر | 
     

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

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

    »آلهوآيه♥ : المصارعه
    »مَزآجِـَِﮯ♥ : مبسوط
    الدوله : اليمن
    »قَـنَاتِـﮯِ♥: : ROTANA
    الجنس : ذكر
    عدد المساهمات : 65
    تاريخ التسجيل : 27/08/2011

    مُساهمةموضوع: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس   الإثنين يوليو 16, 2012 11:22 pm

    السلام عليكم

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







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





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

    الاول في

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

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


    الكود:

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


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

    تحياتى dj
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    معاينة صفحة البيانات الشخصي للعضو
    TOKA
    عضو نشيط
    عضو نشيط
    avatar

    »آلهوآيه♥ : الرسم
    »مَزآجِـَِﮯ♥ : مستمتع
    الدوله : ام الدنيا مصر
    »قَـنَاتِـﮯِ♥: : mbc action
    الجنس : ذكر
    الاسد
    عدد المساهمات : 304
    تاريخ التسجيل : 16/06/2011
    العمر : 27

    صفحتك ف FRIENDS WILL DESTORY THE WORLED
    حقلك ف منتدا الاصحاب: 2

    مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس   الإثنين يوليو 16, 2012 11:35 pm

    تسلم ولكن ليس القسم المناسب

    ينقل للقسم المناسب


    _________________ توقيعى _________________
    sha3by nix

    شعبى ميكس

    الحصريات عندنا وبس
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    معاينة صفحة البيانات الشخصي للعضو http://sh3by-mix.yoo7.com
    the boos
    شعبى جديد
    شعبى جديد
    avatar

    »آلهوآيه♥ : رياضه
    »مَزآجِـَِﮯ♥ : عاشق
    الدوله : اليمن
    »قَـنَاتِـﮯِ♥: : MBC MAX
    الجنس : ذكر
    عدد المساهمات : 58
    تاريخ التسجيل : 16/06/2012

    مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس   الثلاثاء يوليو 17, 2012 12:34 pm

    تـــــــــســــــــــــــــــلـــــــــــــــــم
    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    معاينة صفحة البيانات الشخصي للعضو
    KHALID - NET
    شعبى جديد
    شعبى جديد
    avatar

    »آلهوآيه♥ : ركوب الخيل
    »مَزآجِـَِﮯ♥ : تتصفح
    الدوله : اليمن
    »قَـنَاتِـﮯِ♥: : mbc
    عدد المساهمات : 7
    تاريخ التسجيل : 31/07/2011

    مُساهمةموضوع: رد: كود الساعة المتحركة مع المااوس شكل ولا اروع للمنتديات حصريا من شعبى ميكس   السبت يوليو 21, 2012 2:12 am

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

    صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
    منتديات شعبى ميكس :: ||تطوير المنتديات|| :: اكواد css-
    انتقل الى:  
    كود انت غير مسجل


    هذه الرسالة تفيد أنك غير مسجل .

    و يسعدنا كثيرا انضمامك لنا ...

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