将下面的代码加在body之间

<style type="text/css"> #divMenu a {color:#999999; text-decoration:underline;} #divMenu a:hover {color:#333333; text-decoration:underline;} #divBg {position:absolute; z-index:10; width:2000px; left:0px; height:100px; clip:rect(0px 10px 10px 0px); visibility:hidden;} #divMenu {position:absolute; z-index:11; left:11px; top:1px; color:#333333; font-size:13px; font-family:verdana,arial,helvetica,sans-serif; visibility:inherit;} #divArrowLeft {position:absolute; z-index:12; width:11px; height:20px; left:0px; top:0px; visibility:inherit;} #divArrowRight {position:absolute; z-index:12; width:11px; height:20px; top:0px; visibility:inherit;} </style> <script language="JavaScript" type="text/javascript"> function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() sLeft = 0 //The left placement of the menu sTop = 120 //The top placement of the menu sMenuheight = 30 //The height of the menu sArrowwidth = 11 //Width of the arrows sScrollspeed = 20 //Scroll speed: (in milliseconds, change this one and the next variable to change the speed) sScrollPx = 8 //Pixels to scroll per timeout. sScrollExtra = 15 //Extra speed to scroll onmousedown (pixels) /************************************************************************** Scrolling functions ***************************************************************************/ var tim = 0 var noScroll = true function mLeft(){ if (!noScroll && oMenu.x<sArrowwidth){ oMenu.moveBy(sScrollPx,0) tim = setTimeout("mLeft()",sScrollspeed) } } function mRight(){ if (!noScroll && oMenu.x>-(oMenu.scrollWidth-(pageWidth))-sArrowwidth){ oMenu.moveBy(-sScrollPx,0) tim = setTimeout("mRight()",sScrollspeed) } } function noMove(){ clearTimeout(tim); noScroll = true; sScrollPx = sScrollPxOriginal; } /************************************************************************** Object part ***************************************************************************/ function makeObj(obj,nest,menu){ nest = (!nest) ? "":'document.'+nest+'.'; this.elm = bw.ns4?eval(nest+"document.layers." +obj):bw.ie4?document.all[obj]:document.getElementById(obj); this.css = bw.ns4?this.elm:this.elm.style; this.scrollWidth = bw.ns4?this.css.document.width:this.elm.offsetWidth; this.x = bw.ns4?this.css.left:this.elm.offsetLeft; this.y = bw.ns4?this.css.top:this.elm.offsetTop; this.moveBy = b_moveBy; this.moveIt = b_moveIt; this.clipTo = b_clipTo; return this; } var px = bw.ns4||window.opera?"":"px"; function b_moveIt(x,y){ if (x!=null){this.x=x; this.css.left=this.x+px;} if (y!=null){this.y=y; this.css.top=this.y+px;} } function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x+px; this.css.top=this.y+px;} function b_clipTo(t,r,b,l){ if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l;} else this.css.clip="rect("+t+"px "+r+"px "+b+"px "+l+"px)"; } /************************************************************************** Object part end ***************************************************************************/ /************************************************************************** Init function. Set the placements of the objects here. ***************************************************************************/ var sScrollPxOriginal = sScrollPx; function sideInit(){ //Width of the menu, Currently set to the width of the document. //If you want the menu to be 500px wide for instance, just //set the pageWidth=500 in stead. pageWidth = (bw.ns4 || bw.ns6 || window.opera)?innerWidth:document.body.clientWidth; //Making the objects... oBg = new makeObj('divBg') oMenu = new makeObj('divMenu','divBg',1) oArrowRight = new makeObj('divArrowRight','divBg') //Placing the menucontainer, the layer with links, and the right arrow. oBg.moveIt(sLeft,sTop) //Main div, holds all the other divs. oMenu.moveIt(sArrowwidth,null) oArrowRight.css.width = sArrowwidth; oArrowRight.moveIt(pageWidth-sArrowwidth,null) //Setting the width and the visible area of the links. if (!bw.ns4) oBg.css.overflow = "hidden"; if (bw.ns6) oMenu.css.position = "relative"; oBg.css.width = pageWidth+px; oBg.clipTo(0,pageWidth,sMenuheight,0) oBg.css.visibility = "visible"; } //executing the init function on pageload if the browser is ok. if (bw.bw) onload = sideInit; </script> <div id="divBg"> <div id="divMenu"> <nobr> [<a href="http://yaoxiaojiong.icpcn.com/">海阔天空主页</a>] [<a href="http://hktk.eat.topzj.com/" target="_blank">海阔天空论坛</a>] [<a href="http://www.baidu.com/" target="_blank">百度</a>] [<a href="http://bt1.btchina.net/" target="_blank">BT @ China 联盟</a>] [<a href="http://mail.163.com/" target="_blank">网易163邮箱</a>] [<a href="http://cn.mail.yahoo.com/" target="_blank">雅虎免费邮箱</a>] [<a href="http://www.126.com/" target="_blank">网易126邮箱</a>] [<a href="http://www.pconline.com.cn/" target="_blank">太平洋电脑网</a>] [<a href="http://www.enet.com.cn/" target="_blank">eNet硅谷动力</a>] [<a href="http://ha.newhua.com/" target="_blank">华军软件园</a>] [<a href="http://www.skycn.com/index.html" target="_blank">天空软件站</a>] [<a href="http://www.zol.com.cn/" target="_blank">中关村在线</a>] [<a href="http://www.eatsun.com/cpdq/index.php?PHPSESSID=43b46969a74020ea66c1554382c47225" target="_blank">中华食神网</a>] [<a href="#">link 14</a>] [<a href="#">link 15</a>] [<a href="#">link 16</a>] [<a href="#">link 17</a>] [<a href="#">link 18</a>] [<a href="#">link 19</a>] [<a href="#">link 20</a>] [<a href="#">link 21</a>] [<a href="#">link 22</a>] [<a href="#">link 23</a>] [<a href="#">link 24</a>] [<a href="#">link 25</a>] [<a href="#">link 26</a>] [<a href="#">link 27</a>] [<a href="#">link 28</a>] [<a href="#">link 29</a>] [<a href="#">link 30</a>] </nobr> </div> <div id="divArrowLeft"><a href="#" onmouseover="noScroll=false; mLeft()" onmouseout="noMove()" onclick="sScrollPx-=sScrollExtra; return false" onfocus="if(this.blur)this.blur()" onmousedown="sScrollPx+=sScrollExtra"><img src="arrowleft.gif" width="11" height="21" alt="" border="0"></a></div> <div id="divArrowRight"><a href="#" onmouseover="noScroll=false; mRight()" onmouseout="noMove()" onclick="sScrollPx-=sScrollExtra; return false" onfocus="if(this.blur)this.blur()" onmousedown="sScrollPx+=sScrollExtra"><img src="arrowright.gif" width="11" height="21" alt="" border="0"></a></div> </div>

点击下载图片