难题求解！！！

<style type='text/css'>
.headtd1 {  background: #00A4E1; border: 2px outset; border-color: #00BBFF #0077FF #0077FF #00BBFF; cursor: hand; font-size: 9pt}.headtd2 {  background: #20C1FF; border: 2px outset; border-color: #60D3FF #0077FF #0077FF #60D3FF; cursor: hand; font-size: 9pt}.bodytd  {  background: #99CCFF; border: 2px outset; border-color: #B0D8FF #0077FF #0077FF #B0D8FF; font-size: 9pt}
</style>
</head>
<body bgcolor='#FFFFFF' text='#000000'>
<div id='mainboard' style='position:absolute; left:2px; top:2px; width:120px; height:334px; z-index:1; overflow: hidden; background: #99CCFF;'> 
  <div id='item1body' style='position:absolute; left:0; top:0; width:120; height:204; z-index:2; overflow: hidden'>
<table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr>
<td id='item1head' height='20' class='headtd2' onclick='showme(item1body,this)' align='center'>站队队长</td></tr><tr><td class='bodytd' align='center'>FoR..ShanShan</td></tr></table></div><div id='item2body' style='position:absolute; left:0; top:202; width:120px; height:202px; z-index:3; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item2head' height='20' class='headtd1' onclick='showme(item2body,this)' align='center'>元老部
</td></tr><tr><td class='bodytd' align='center'>FoR..LOneLY <br>
FoR..Star <br>
FoR..FooL <br>
FoR..hersmile<br>
FoR..blue.s<br>
FoR..My_Lirain<br>
FoR..WingmasteR <br></td></tr></table></div><div id='item3body' style='position:absolute; left:0; top:224; width:120px; height:202px; z-index:4; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item3head' height='20' class='headtd1' onclick='showme(item3body,this)' align='center'>精英组</td></tr><tr><td class='bodytd' align='center'>
组长FoR..SouL <br>
FoR..o.O <br>
FoR..eVer <br> 
FoR..Ctrl_Rush <br>
FoR..MarS  <br>
FoR..oh~~~ <br>FoR..^O^ <br>FoR..BirD <br> FoR..hh <br>
 FoR..BoA <br> FoR..CCYYxxx <br> FoR..FlyingWing <br>
</td></tr></table></div><div id='item4body' style='position:absolute; left:0; top:246; width:120px; height:202px; z-index:5; overflow: hidden'>
<table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item4head' height='20' class='headtd1' onclick='showme(item4body,this)' align='center'>一线刺客</td></tr><tr><td class='bodytd' align='center'>
组长:FoR..Cho-.-Bo<br>
FoR..Ring-_- <br> 
FoR..XiaoHaN <br>
FoR..chw <br>
FoR..WingmasteR <br>3 
FoR..YB <br> 
FoR..Best@GG <br>
FoR..zjjsz_peng <br>
FoR..Ice.King <br>
FoR..K.A 4188004 
FoR..YeGuOp <br>
FoR..Job <br>
FoR..Passion <br> 
FoR..glanoss <br>
FoR..451 <br>
</td></tr></table></div><div id='item5body' style='position:absolute; left:0; top:268; width:120px; height:202px; z-index:6; overflow: hidden'>
<table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr><td id='item5head' height='20' class='headtd1' onclick='showme(item5body,this)' align='center'>非凡二线<br><br>
组长：FoR..Blue.S <br>
FoR..FooL <br>
FoR..bless <br>
FoR..HeiHeInI <br>
FoR..SmarT <br>
FoR..Su{aG} <br>
FoR..D)P <br>
FoR..RaInyTimE <br>
FoR..wishfor <br>
FoR..poppy <br>
FoR..XiaoLai <br>
FoR..Liumang <br>
FoR..darkstar <br>
FoR..LOVE <br>
FoR..Ruby <br>
FoR..H.O.T.486 <br> 
FoR..chq_Love <br>
FoR..My_Lirain <br>
FoR..StaR <br>
FoR..CK <br>
FoR..D.N.C <br>
FoR..TeRr@n <br>
FoR..T98 <br>
FoR..heaven <br>
FoR..Max <br>
FoR..找mm <br>
FoR..ZYF 77450379
FoR..^oydn^st@r <br> 
FoR..Lee <br>
FoR..ShanShan <br>
FoR..Su 24858204<br>
FoR..Reclue <br>
FoR..song <br>
FoR..MM (mm)<br>
FoR..chq_love <br>
FoR..ElvaTion <br>
FoR..yyi <br>
FoR..ArtPr0t0ss <br>
FoR..Roswell <br>
FoR..keke <br>
FoR..Snow <br>
FoR..Bestwish<br>
FoR..Lu2002 <br>
FoR..LoveCiCi <br>
FoR..=^.^= <br>
FoR..Ken <br>
FoR..2003 <br>
FoR..3.15<br>
FoR..Zct 35711582<br>
FoR..Kitty (mm)<br>
FoR..LOneLY <br>
FoR..ririyE <br>
FoR..Her_Smile <br>
FoR..Lee <br>
FoR..Z <br>
FoR..AnFeng <br>
FoR..XiaQi <br>
FoR..Xiao <br>
FoR..Shield <br>
FoR..Mu <br>
FoR..地TERRAN上 <br>
FoR..z264 <br>
FoR..zergmaster <br>
FoR..Angel_zp <br>
FoR..haoyuan <br>
FoR..SlayerS<br>
FoR..008~wind<br>
FoR..cai~wang<br>
FoR..TigeR<br>
FoR..oL<br>
FoR..Hululu <br>
FoR..SCV <br>
FoR..Fire <br>
FoR..Is^5.5^<br>
FoR..luos <br>
FoR..FISH <br>
FoR..WanYe<br>
FoR..Music<br>
FoR..andy<br>
FoR..Wiwr<br>
FoR..totler
FoR..yue <br>
FoR..QQ^_^Cat (mm)<br>
FoR..LOneLY<br>
FoR..Cold <br>
FoR..was<br>
FoR..ZiyE (mm)<br>
</td></tr><tr><td class='bodytd' align='center'>test</td></tr></table></div><div id='item6body' style='position:absolute; left:0; top:290; width:120px; height:202px; z-index:7; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr>
<td id='item6head' height='20' class='headtd1' onclick='showme(item6body,this)' align='center'>女子部</td></tr><tr><td class='bodytd' align='center'>test</td></tr></table></div><div id='item7body' style='position:absolute; left:0; top:312; width:120px; height:202px; z-index:8; overflow: hidden'><table width='100%' border='0' height='100%' cellpadding='2' cellspacing='0'><tr>
<td id='item7head' height='20' class='headtd1' onclick='showme(item7body,this)' align='center'>荣誉队员
FoR..PrettyBoy  <br>
FoR..ZeRRg  <br>
FoR..LaddeR <br>
FoR..KiNG911（缺）<br>
FoR..Weaver(缺） <br>
FoR..Er 8961059 <br>
FoR..PeOns(缺)<br>
FoR..Miss^Zerg^ 5 <br>
FoR..CReaTiVe  <br>
FoR..GhosT <br>
FoR..LoveDream <br>
FoR..WHITE  <br>
FoR..ShInHwa <br>
FoR..RainBow  <br>
FoR..MidiaN(缺)<br>
FoR..^玉兔^ (mm) <br>
FoR..mucun (mm) <br>
FoR..SunAngel<br>
FoR..Boy <br>
</td></tr><tr><td class='bodytd' align='center'>test</td></tr></table></div></div></body></html>
源代码如上，这是一个模拟qq的菜单，但是“二线队员”的名单太长，怎么
增加一个上拉箭头和下拉箭头，以便名单过长时可以上下拉动！！！！

解决方案 »

  1.   

    http://expert.csdn.net/Expert/topic/1702/1702849.xml?temp=.3731348
      

  2.   

    这还不简单？在里面潜逃一层 div,让 autoflow=true ;呵呵，我也是从别人哪里改的，就这么实现的。生成菜单的时候多套一层div，就一切 OK了！！OK!
      

  3.   

    能不能说详细点！！！
    还有怎么样把这个qq菜单加入主页表格内！！！
    这个例子是在*.htm整个页面显示qq菜单！！！我要把他单独加入表格里！！！怎么办！！！
      

  4.   

    就仿造这个csdn的页面，只要把双击页面换成单击某一图片就可以了嘛
      

  5.   

    <td id='item7head' height='20' class='headtd1' onclick='showme(item7body,this)' align='center'>荣誉队员
    FoR..PrettyBoy  <br>
    FoR..ZeRRg  <br>
    FoR..LaddeR <br>
    FoR..KiNG911（缺）<br>
    FoR..Weaver(缺） <br>
    FoR..Er 8961059 <br>
    FoR..PeOns(缺)<br>
    FoR..Miss^Zerg^ 5 <br>
    FoR..CReaTiVe  <br>
    FoR..GhosT <br>
    FoR..LoveDream <br>
    FoR..WHITE  <br>
    FoR..ShInHwa <br>
    FoR..RainBow  <br>
    FoR..MidiaN(缺)<br>
    FoR..^玉兔^ (mm) <br>
    FoR..mucun (mm) <br>
    FoR..SunAngel<br>
    FoR..Boy <br>
    </td>
    =====>>>>>>
    就是在
    <td><div style="auto-flow:true">
    荣誉队员
    FoR..PrettyBoy  <br>
    FoR..ZeRRg  <br>
    FoR..LaddeR <br>
    FoR..KiNG911（缺）<br>
    FoR..Weaver(缺） <br>
    FoR..Er 8961059 <br>
    FoR..PeOns(缺)<br>
    FoR..Miss^Zerg^ 5 <br>
    FoR..CReaTiVe  <br>
    FoR..GhosT <br>
    FoR..LoveDream <br>
    FoR..WHITE  <br>
    FoR..ShInHwa <br>
    FoR..RainBow  <br>
    FoR..MidiaN(缺)<br>
    FoR..^玉兔^ (mm) <br>
    FoR..mucun (mm) <br>
    FoR..SunAngel<br>
    FoR..Boy <br></div></td>就行了!!OK?
      

  6.   

    只要有需要的嗲方都加上<div></div>,上面有点错,应该是:
    <td id='item7head' height='20' class='headtd1' onclick='showme(item7body,this)' align='center'>
    <div style="auto-flow:true;height:20">荣誉队员
    FoR..PrettyBoy  <br>
    FoR..ZeRRg  <br>
    FoR..LaddeR <br>
    FoR..KiNG911（缺）<br>
    FoR..Weaver(缺） <br>
    FoR..Er 8961059 <br>
    FoR..PeOns(缺)<br>
    FoR..Miss^Zerg^ 5 <br>
    FoR..CReaTiVe  <br>
    FoR..GhosT <br>
    FoR..LoveDream <br>
    FoR..WHITE  <br>
    FoR..ShInHwa <br>
    FoR..RainBow  <br>
    FoR..MidiaN(缺)<br>
    FoR..^玉兔^ (mm) <br>
    FoR..mucun (mm) <br>
    FoR..SunAngel<br>
    FoR..Boy <br>
    </div>
    </td>