Question

用jquery控制控制列表前进，后退

还是刚才那段代码，刚才忘了一些东西，
<div id=123>
<ul>
<li>我要加样式</li>
<li>我要加样式</li>
<li>我要加样式</li>
<li>我要加样式</li>
<li>我要加样式</li>
</ul>
</div>
以下是一些控制按钮，分为两种：

<p id="btn">
<a class="prev" href="#123" >上一个</a>

<a class="pause" href="#123">暂停</a>
<a class="next" href="#123" >下一个</a>

</p>

<div id=ctrl>

<a class="li_1" href="#li_1">显示第一个</a>
<a class="li_2" href="#li_2">显示第二个</a>
<a class="li_3" href="#li_3">显示第三个</a>
<a class="li_4" href="#li_4">显示第四个</a>
<a class="li_5" href="#li_5">显示第五个</a>
</div>

以上你帮我写得代码只能让浏览器自己控制添加class=on，我想点击id=btn这个按钮，或者鼠标经过ctrl这个a列表时，同样能够操作。如何实现？不知道我表达是不是清楚。
不好意思我是向一个人提问的，怎么大家都可以看到哈，不太懂百度的规矩。
是这样的：我需要在#123 ul li 依次添加class=on
//以下是jq代码部分
var timeout = 1000; //每隔1000ms
var index = 0;
var addClassOn;
addClassOn = setInterval(function(){
if(index >= $("#123 ul li").length){
index = 0;
}else {
$("#123 ul li").eq(index++).addClass("on").siblings().removeClass("on");
}
},timeout);

以上这段代码只能让浏览器自动控制给#123 ul li逐个添加class=on，我现在想设计两种按钮，如下图，按钮1和按钮2
来控制class=on的添加。
要求：按钮1是通过点击（click），按钮2是通过鼠标经过(hover 或者 mouseover)。
谢谢大家了

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏50（财富值+成长值）

Answer 1

<div id=123 style="width:100px;overflow:auto">
<ul style="你的所有li加起来的长度">这写错了是LI
然后你用JS控制UL的margin-left这个样式，为负就往左移动，为正就往右移动，不断变换它就实现了他的点击换个。

Answer 2

表示不知道要的功能是什么
可以用$("ul li:eq(i)")来实现按钮2的功能