HTML5和Javascript中的幀轉換

我有一個很大的問題。使用sequence.js並創建了我的結構。它的工作：HTML5和Javascript中的幀轉換

<script type="text/javascript"> 
     $(document).ready(function(){ 
      var options = { 
       autoPlay: false, 
       nextButton: true, 
       prevButton: true, 
       preloader: false, 
       transitionThreshold: false, 
       cycle: false, 
       hashTags: true, 
       preloader: true, 
       fadeFrameWhenSkipped: false, 
       waitForAnimationToComplete: true, 
       navigationSkipThreshold: 100, 
       navigationSkip: false, 

      } 
      var sequence = $("#sequence").sequence(options).data("sequence"); 

      sequence.afterLoaded = function(){ 
       $("#nav").fadeIn(500); 
       $("#nav li:nth-child("+(sequence.settings.startingFrameID)+") a").addClass("active"); 
      } 

      sequence.beforeNextFrameAnimatesIn = function(){ 
       $("#nav li:not(:nth-child("+(sequence.nextFrameID)+")) a").removeClass("active"); 
       $("#nav li:nth-child("+(sequence.nextFrameID)+") a").addClass("active"); 
      } 

      $("#nav li").click(function(){ 
       if(!sequence.active){ 
        $(this).children("a").removeClass("active").children("a").addClass("active"); 
        sequence.nextFrameID = $(this).index()+1; 
        sequence.goTo(sequence.nextFrameID); 
       } 
      }); 
     }); 



    </script>

我使用水平主題，並添加了我的BG和導航菜單。

<ul id="nav"> 
<li><a href="#">ONE</a></li> 
<li><a href="#">TWO</a></li> 
<li><a href="#">THREE</a></li> 
<li><a href="#">FOUR</a></li> 
<li><a href="#">FIVE</a></li> 
</ul>

當單擊一個上的兩個項目時，轉到TWO，沒有任何問題。但是，當點擊兩次FIVE進入相應的頁面，但不顯示項目之間。我想要這個：

E.G.點擊兩個FOUR，第一個THREE，然後獲得FOUR。我希望你能理解我。我怎樣才能做到這一點？

來源

2012-12-16 Slaythern Aareonna

我完全不理解最後兩個句子 –

是爲了做到這一點而設計的腳本嗎？你應該問腳本的作者。 – mpm

Sequence.js不能以這種方式工作。幀彼此獨立，因此當您查看第一幀並導航到第五幀時，兩幀之間的幀保持不活動狀態並保持不變。

來源

2013-01-08 00:09:58

HTML5和Javascript中的幀轉換

回答

相關問題