<style>
span.item{width:100px;height:100px;text-align:cente;background-color:red;color:white}
span.item1{width:100px;height:100px;text-align:cente;background-color:blue;color:white}
a.left{position:absolute;cursor:hand;top:20px;left:0px;}
a.right{position:absolute;cursor:hand;top:20px;left:320px;}
div.menu{position:absolute;overflow:hidden;width:302px;height:22px;border:solid 1px black;left:20px;top:20px}
</style>
<a class="left" onclick="Move('Left')">&lt;&lt;</a><div id="divMenu" class="menu"><pre>
<span class="item">菜单一</span><span class="item1">菜单二</span><span class="item">菜单三</span><span class="item1">菜单四</span><span class="item">菜单五</span>
</pre></div><a class="right" onclick="Move('Right')">&gt;&gt;</a>
<script>
var TotalItem=5;
var ListLastItemIndex=3;
function Move(Direction)
{
    if(Direction=="Left")
      $('divMenu').scrollLeft-=100;
    else
      $('divMenu').scrollLeft+=100;
    }
function $(id)
{
    return document.getElementById(id);
    }
</script>

------解决方案--------------------
ext的效果没的说