شركة فور يمنى


الرئيسيةصن سيتبحـثالتسجيلدخول


 


 
 
تجديدات موقع صن سيت الاخيرة نحن نتميز عن المواقع الاخري اضغط هنا
◄◄ صن سيت►► يحتفل بمرور 6 أعوام للمزيد إضغط هنا
اعلان : مطلوب مشرفين على أقسام الموقع إضغط هنا
جديد من صن سيت : جرب صن سيت ماسينجر للهواتف الذكية اضغط هنا
!~ آخـر 10 مواضيع ~!
شارك اصدقائك شارك اصدقائك الأخطبوط !
شارك اصدقائك شارك اصدقائك شعارات عالمية
شارك اصدقائك شارك اصدقائك دول بلا جيوش
شارك اصدقائك شارك اصدقائك عاجل من صن سيت
شارك اصدقائك شارك اصدقائك محادثات بين فصائل ثورية وروسيا بأنقرة والشرق الأوسط تتحدث عن اتفاق مبدئي
شارك اصدقائك شارك اصدقائك هل تعلم أن المصريين يتحدثون الهيروغليفية حتى اليوم؟
شارك اصدقائك شارك اصدقائك الحكومة اليمنية تدعو لوقف تسليح إيران الحوثيين
شارك اصدقائك شارك اصدقائك تفسير حلم الحية بالتفصيل
شارك اصدقائك شارك اصدقائك احذروا سوء الظن
شارك اصدقائك شارك اصدقائك الستر للحبيب
اليوم في 1:48
اليوم في 1:44
اليوم في 1:43
اليوم في 1:40
اليوم في 1:37
اليوم في 1:33
اليوم في 1:28
اليوم في 0:34
اليوم في 0:26
اليوم في 0:16
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!


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

شاطر|

حصرى : جعل ازرار التصفح بشكل منبثق اكثر من خيال

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
ثلاثه نجوم فضيات 99%
ثلاثه نجوم فضيات 99%

معاينة صفحة البيانات الشخصي للعضو

اسم الدولة : : مصر
العمر : 20
عدد المساهمات : 204
المعجبون بمواضيعى : 2
24072016




حصرى : جعل ازرار التصفح بشكل منبثق اكثر من خيال
حصرى : جعل ازرار التصفح بشكل منبثق اكثر من خيال
حصرى : جعل ازرار التصفح بشكل منبثق اكثر من خيال
اقدم ليعونكم اليوم هذا الكود الفريد المحول بالعربية
صورة للكود :

طريقة تركيب
كود جافا ضعه بجميع الصفحات

كود الجافا :
الرمز:

(function() {

  if (!window.FA) window.FA = {};
  if (FA.Nav) {
    if (window.console && console.warn) console.warn('FA.Nav has already been defined');
    return;
  }

  FA.Nav = {
 
    // TARGET NODES BY VERSION
    // PHPBB2  : .bodyline > table + table
    // PHPBB3  : #page-header .navlinks
    // PUNBB    : #pun-navlinks
    // INVISION : #submenu
    targetNode : '#page-header .navlinks',
 
    customNav : '', // custom navlinks
 
    keepDefault : true, // keep the default navlinks
    collapsible : true, // show hide button
 
 
    // offset states
    offsets : {
      tbVisible : {
        bottom : 30,
        top : '110px'
      },
   
      tbHidden : {
        bottom : 0,
        top : '0px'

      },
   
      toggler : '0px'
    },
 
    activeOffset : {}, // active offset for the sticky nav
 
    visible : true, // sticky nav is visible
 
    // check the state of the static nav
    checkState : function() {
      if (!FA.Nav.animating) {
        var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
   
        if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
          FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
                      FA.Nav.barSticky.style.position = 'fixed';
FA.Nav.toggler.style.position = 'fixed';
          FA.Nav.visible = true;
        } else if (!hidden && FA.Nav.barSticky.style.top != '110px') {
          if (FA.Nav.toggler) FA.Nav.toggler.style.top = '110px';
            FA.Nav.barSticky.style.position = 'absolute';
FA.Nav.toggler.style.position = 'absolute';
          FA.Nav.barSticky.style.top = '110px';
                  FA.Nav.visible = false;
        }

      }
    },
 
    animating : false, // sticky nav is animating
 
    // animate the sticky nav when the toolbar is toggled
    animate : function() {
      if (FA.Nav.visible) {
        FA.Nav.animating = true;
        FA.Nav.barSticky.style.transition = 'none';
   
        $(FA.Nav.barSticky).animate({
          top : FA.Nav.activeOffset.top
        }, function() {
          FA.Nav.barSticky.style.transition = '';
          FA.Nav.animating = false;
          FA.Nav.checkState();
        });
      }
    },
 
    // toggle sticky navigation and remember preference via cookies
    toggle : function() {
      if (FA.Nav.barSticky.style.width == '100%') {
        my_setcookie('fa_sticky_nav', 'hidden');
        FA.Nav.barSticky.style.width = '0%';
      } else {
        my_setcookie('fa_sticky_nav', 'shown');
        FA.Nav.barSticky.style.width = '100%';
      }
      return false;
    }
 
  };
 
  $(function() {
    // set default offsets based on toolbar state
    FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
    if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
 
    // find the static nav
    FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
 
    if (FA.Nav.barStatic) {
      FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
      if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
      FA.Nav.barSticky.id = 'fa_sticky_nav';
      FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
      FA.Nav.barSticky.style.top = '0px';
       
      document.body.appendChild(FA.Nav.barSticky); // append the sticky one
       
      // sticky nav toggler
      if (FA.Nav.collapsible) {
        FA.Nav.toggler = document.createElement('A');
        FA.Nav.toggler.id = 'fa_sticky_toggle';
        FA.Nav.toggler.href = '#';
        FA.Nav.toggler.style.top = '0px';
        FA.Nav.toggler.onclick = FA.Nav.toggle;
       
        document.body.appendChild(FA.Nav.toggler);
      };
     
      window.onscroll = FA.Nav.checkState; // check state on scroll
      FA.Nav.checkState(); // startup check
   
      // toolbar modifications
      $(function() {
        // animate sticky nav and change offsets when the toolbar is toggled
        $('#fa_hide').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
          FA.Nav.animate();
        });
     
        $('#fa_show').click(function() {
          FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
          FA.Nav.animate();
        });
      });
    }
  });
}());

وبعد هيك نروح لكود الـCss:
ضع رد مناسب





المصدر : منتدي الابداع العربي

مواضيع ذات صلـــــــــــــــــــــة

مُشاطرة هذه المقالة على:Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

ردود موضوع : حصرى : جعل ازرار التصفح بشكل منبثق اكثر من خيال

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

حصرى : جعل ازرار التصفح بشكل منبثق اكثر من خيال

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

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


الساعة الآن



صن سيت

↑ Grab this Headline Animator

Feedage Grade B rated

انتقل الى: