如何使用淡入淡出/淡入淡出使用JS

-3

我試圖用這個腳本在'page1'，'page2'，'page3'上顯示我的#header，但淡入淡出，然後淡入淡出回到'第5頁'如何使用淡入淡出/淡入淡出使用JS

這是目前正常工作與我的#footer隱藏在所有頁面，除了'page5'它淡入。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.fn.fullpage({ 
      anchors: ['page1', 'page2', 'page3', 'page4','page5'], 
      slidesColor: ['#000', '#000', '#000', '#000', '#000'], 
      'scrollOverflow': true, 
      css3: true, 
      fixedElements: '#header, #footer', 
      afterRender: function() { 
       $('#footer').hide(); 
       $('#header').show(); 
      }, 
      afterLoad: function (anchor, index) { 
       if (index == 1, 2, 3, 4) {} 
       $('#footer').fadeOut(); 
       if (index == 5) { 
        $('#footer').fadeIn(); 
        } 
        if (index == 4) {} 
       $('#header').fadeOut(); 
       if (index == 1, 2, 3, 5) { 
        $('#header').show(); 
       } 
      } 
     }); 
    }); 
</script>

http://jsfiddle.net/Q79kF/

感謝您的幫助......

來源

2013-11-28 markkane

你是不是包括你的HTML，jQuery庫，或插件在你的jsFiddle ... – lifetimes

而語法不正確的小提琴，你應該修理它，所以它可以r聯合國。 –

如果你只在jsfiddle中顯示腳本，他們沒有這個需要，我們可以在這裏看到 –

-2

確定..它可能已經在你寫序列的問題。隨着您所提供的代碼，我相信這可能是你的問題。

頭在1,2,3可見..淡出在4 ..在5 頁腳1,2,3,4-不可見淡入..但在5

淡入嘗試

  //if (index == 1, 2, 3, 4) {} //You dont need this anyway 
      if(index == 1, 2, 3){ 
       $('#header').show(); //try using .css('display','block') if show() didnt work 
       $('#footer').hide(); //try using .css('display','none') if hide() didnt work 
      } 
      if(index == 4){ 
       $('#header').fadeOut(); 
      } 
      if(index == 5){ 
       $('#header').fadeIn(); 
       $('#footer').fadeIn(); 
      }

試着調整了一下。這是我所理解的。在情況下，我錯了，讓我知道了，一定會盡力幫助你..

來源

2013-11-28 13:42:44

'if（index == 1，2，3）'是什麼？ – Andy

非常感謝你穆罕默德 - 完美的工作！ ;-) – markkane

如何使用淡入淡出/淡入淡出使用JS

回答

相關問題