根據前一篇的原理

可以使用同樣的方法製作捲動選單

這是javascript的部份

//一次捲動的高度 這邊是跟外面的div一樣高
var ft = 50;
function slidebar(n,t)
{
  //一次捲動的px，越大越快但也越不連貫
  var s=2;
  //控制往下或往上捲
  document.getElementById(t).scrollTop += n*s;
  ft=ft-s;
  //上面每次會減掉s，減到0時就會停止
  if(ft==0)
  //停止時再重新設定成原本的高度
    ft= 50;
  else
  //未停止時，就繼續執行，後面的數字是delay的毫秒，數字越大越慢
    setTimeout("slidebar("+n+",'"+t+"')",1);
}

這是html的部份
要設定overflow:hidden;及高度

<div id="box" style="overflow:hidden;height:50px;">
  <div style="height:25px;">exp01</div>
  <div style="height:25px;">exp02</div>
  <div style="height:25px;">exp03</div>
  <div style="height:25px;">exp04</div>
  <div style="height:25px;">exp05</div>
  <div style="height:25px;">exp06</div>
</div>
<a style="cursor:pointer;" onclick="slidebar(-1,'box');">往上</a>
<a style="cursor:pointer;" onclick="slidebar(1,'box');">往下</a>

按這裡可以看範例

注意：scrollTop、scrollLeft有些瀏覽器不支援(不過ie跟fx都有)