شركة فور يمنى


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


 


 
 
تجديدات موقع صن سيت الاخيرة نحن نتميز عن المواقع الاخري اضغط هنا
◄◄ صن سيت►► يحتفل بمرور 6 أعوام للمزيد إضغط هنا
اعلان : مطلوب مشرفين على أقسام الموقع إضغط هنا
جديد من صن سيت : جرب صن سيت ماسينجر للهواتف الذكية اضغط هنا
!~ آخـر 10 مواضيع ~!
شارك اصدقائك شارك اصدقائك كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال
شارك اصدقائك شارك اصدقائك استايل زهري رائع وحصري لايفوتك
شارك اصدقائك شارك اصدقائك استايل حصري لاحلى منتدي 2017 بشكل جديد
شارك اصدقائك شارك اصدقائك كود هاشتاج لمواضيع منتداك بطريقة جديدة
شارك اصدقائك شارك اصدقائك جديد : كود الدخول السريع يظهر بانبثاق
شارك اصدقائك شارك اصدقائك للرجل الحور العين ولماذا لا يوجد للمرأة كذلك ؟ رد جميل لكل من يطرح هذه الشبهة وما شابهها | الشعراوي
شارك اصدقائك شارك اصدقائك لماذا لم يضرب الله المثل بالفيل وضربه بالبعوضة والذبابة والعنكبوت
شارك اصدقائك شارك اصدقائك تفسير اية (ولقد همت به وهم بها لولا ان رأى برهان ربه)
شارك اصدقائك شارك اصدقائك مكانة ابو بكر الصديق
شارك اصدقائك شارك اصدقائك لماذا خلق الله الشيطان؟
اليوم في 2:40
اليوم في 2:20
اليوم في 2:12
اليوم في 2:03
اليوم في 1:57
اليوم في 1:20
أمس في 15:27
أمس في 15:13
أمس في 15:11
أمس في 15:10
إضغط علي شارك اصدقائك اوشارك اصدقائك لمشاركة اصدقائك!


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

شاطر|

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

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

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

اسم الدولة : : مصر
العمر : 20
عدد المساهمات : 229
المعجبون بمواضيعى : 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

انتقل الى: