0

ページに多くのリンクがあります。すべてを 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>

私を助けてください...

4

3 に答える 3

3

jCarouselはあなたが望むことをするかもしれないプラグインです。

自分で実装したい場合は、jQueryを少し使用して、ボタンとボタンanimate()のクリックイベントを呼び出すことができます。<<>>

あなたが始めるための何か：

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

このようにして、動的コンテンツを挿入するだけで、それでも機能するはずです。試してみてください:)

于 2012-04-13T10:14:48.790 に答える
0

この JCarousal を要件に使用できます:- http://www.baijs.nl/tinycarousel/

于 2012-04-13T10:25:35.523 に答える
0

Sweet Pagesを使えばそれができます。

于 2012-04-13T11:15:27.960 に答える