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>

$（文档）.ready（函数（）{
变量选项={
自动播放：错误，
下一个按钮：对，
是的，
预加载程序：false，
TransitionReshold:错误，
周期：假，
hashTags:true，
预加载程序：是的，
FadeFramewhenskiped:false，
waitForAnimationToComplete:对，
导航基普阈值：100，
导航skip:false，
}
变量序列=$（“#序列”）。序列（选项）。数据（“序列”）；
sequence.afterLoaded=函数（）{
美元,法代因(500美元),；
$（“#nav li:n子（“+（sequence.settings.startingFrameID）+”）a”）.addClass（“活动”）；
}
sequence.beforeNextFrameAnimatesIn=函数（）{
$（“#nav li:not（：n个子（“+（sequence.nextFrameID）+”）a”）.removeClass（“active”）；
$（#nav li:n个子（“+（sequence.nextFrameID）+”）a”）.addClass（“active”）；
}
$（“#nav li”）。单击（函数（）{
如果（！sequence.active）{
$（this）.children（“a”）.removeClass（“active”）.children（“a”）.addClass（“active”）；
sequence.nextFrameID=$（this.index（）+1；
sequence.goTo（sequence.nextFrameID）；
}
});
}); 

我使用水平主题，并添加了我的背景和导航菜单

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

单击一个上的两个项目时，转到两个，没有问题。但是，当在两个上单击“五”时，转到相应的页面，但不在项目之间显示。我想要这个：

---

例如，在“二”上单击“四”，在“前三”和“后四”上单击“四”。我希望你能理解我。我该怎么做呢？

Sequence.js不能以这种方式工作。帧是相互独立的，因此当您查看第一帧并导航到第五帧时，两帧之间的帧保持不活动和不变。

我完全不理解最后两个句子是设计用于这样做的脚本吗？你应该问问剧本的作者。