私は動的コンテンツの次と前を必要とします

Question

私は私のページに多くのリンクを持っていますが、私は1行にすべてを表示する必要がありますが、スペースが足りないので次と前のボタンが必要です。

<div style="width:400px;"> 
<ul id="links"> 
      <li><a href="#7a">1234564544</a></li> 
      <li><a href="#7b">1234564544</a></li> 
      <li><a href="#7c">1234564544</a></li> 
      <li><a href="#8a">1234564544</a></li> 
      <li><a href="#8b">1234564544</a></li> 
      <li><a href="#8c">1234564544</a></li> 
      <li><a href="#9a">1234564544</a></li> 
      <li><a href="#9b">IX B</a></li> 
      <li><a href="#9c">IX C</a></li> 
      <li><a href="#10a">X A</a></li> 
      <li><a href="#10b">X B</a></li> 
      <li><a href="#10c">X C</a></li> 
</ul></div> 

Answer 1

jCarouselはちょうどあなたが何をしたいんかもしれないプラグインです...私を助けてください。

あなたはそれを自分で実装したい場合、あなたはjQueryののビットを使用して、あなたが始めるために何か<<と>>ボタン

のためのクリックイベントにanimate()を呼び出すことができます。

http://jsfiddle.net/j37RK/6/

この方法であなたは自分の動的コンテンツを注入することができ、それはまだそれを行く:)

Answer 2

あなたがこのJCarousalを使用することができますをお願いし、動作するはずですあなたの要件： - http://www.baijs.nl/tinycarousel/

Answer 3

Sweet Pagesとすることができます。