Question

我需要用先河和下游纽子来谈一些内容,但难以确定如何做。你们能够提供帮助。前引书也应不断停播。当你上完最后一个项目时,当你通过预先点击进入第一个项目时,下一个点将请你去上个项目。

<ul>
<li>Number 1 item</li>
<li>Number 2 item</li>
<li>Number 3 item</li>
<li>Number 4 item</li>
</ul>

Many thanks, C

Answer 1

http://jsfiddle.net/Rtmdj/“rel=“nofollow”

Html:

<ul>
  <li>Number 1 item</li>
  <li>Number 2 item</li>
  <li>Number 3 item</li>
  <li>Number 4 item</li>
</ul>
<input type="button" class="next" value=">" />
<input type="button" class="prev" value="<" />

Javascript:

(function(){
    var $lis = $( ul li );
    var index = 0, lastIndex = 0;

    start(); // activate first, add event listeners to buttons

    function next(){
        lastIndex = index;
        if(++index == $lis.length) index = 0; // if next is out of bounds go to first
        $lis.eq(index).addClass( active );
        $lis.eq(lastIndex).removeClass( active );
    };

    function prev(){
        lastIndex = index;
        if(--index < 0) index = ($lis.length - 1); // if prev is less than first to to last
        $lis.eq(index).addClass( active );
        $lis.eq(lastIndex).removeClass( active );
    };
    function start(){
        $lis.eq(0).addClass( active );
        $( .next ).click(next);
        $( .prev ).click(prev);
    }
})();

Answer 2

Here is another example that you can use - posted on jsFiddle

友情链接