这样的菜单效果用javascript或者jquery如何实现啊？


<ul id="nav_zzjs_net">
<li><a href="#" id="a1" onclick="fun()" >站长特效首页</a></li>
<li><a href="#" id="a2" onclick="fun()" >站长特效一号</a></li>
<li><a href="#" id="a3" onclick="fun()" >站长特效二号</a></li>
<li><a href="#" id="a4" onclick="fun()" >站长特效三号</a></li>
<li><a href="#" id="a5" onclick="fun()" >站长特效四号</a></li>
<li><a href="#" id="a6" onclick="fun()" >站长特效五号</a></li>
</ul>我通过处理让他们横向显示了是这样比如一行：  站长特效首页  站长特效一号  站长特效二号   站长特效三号   站长特效四号  站长特效五号如何在只显示3个，左边和右边都有  <    >这样的箭头，当点击后滚动啊？