Ich brauche nächsten und vorherigen für meinen dynamischen Inhalt

Ich habe viele Links in meiner Seite, ich muss alles in einer Zeile zeigen, aber Platz ist nicht genug, also brauche ich nächste und vorherige Tasten.Ich brauche nächsten und vorherigen für meinen dynamischen Inhalt

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

Bitte helfen Sie mir ...

Quelle

2012-04-13 Sam

Um zu verdeutlichen: Sie wollen nicht Scrollbar und stattdessen lieber '<<' and '>>' Taste verwenden? –

ja du hast meinen Punkt .. – Sam

http://stackoverflow.com/questions/10138387/increment-href-value-by-one-javascript/10138542#10138542 siehe das Beispiel, das ich gepostet habe tut das (aber erzeugt auch die Liste Das ist die Logik, die Sie nicht brauchen, aber sollte gut genug sein, um Ihnen den Prozess zu zeigen – GillesC

jCarousel ist ein Plugin, das könnte nur das tut, was Sie wollen.

Wenn Sie es selbst implementieren möchten, könnten Sie ein bisschen jQuery verwenden, und rufen Sie animate() auf Click-Ereignis für die << und >> Tasten

Etwas, das Sie zu erhalten begonnen:

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

Auf diese Weise können Sie nur Ihren dynamischen Inhalt injizieren und es sollte noch funktionieren, bitte versuchen Sie es :)

Quelle

2012-04-13 10:14:48