第一步：将下列代码放到HTML文件的<head>和</head>之间：
<style> <!--#slidemenubar { BACKGROUND-COLOR: lightyellow; BORDER-BOTTOM: green 1px solid; BORDER-LEFT: green 1px solid; BORDER-RIGHT: green 1px solid; BORDER-TOP: green 1px solid; CURSOR: hand; FONT: bold 12px/20px Verdana; LEFT: -155px; POSITION: absolute; TOP: 170px; WIDTH: 160px; layer-background-color: lightyellow } #slidemenubar2 { BACKGROUND-COLOR: lightyellow; BORDER-BOTTOM: green 1px solid; BORDER-LEFT: green 1px solid; BORDER-RIGHT: green 1px solid; BORDER-TOP: green 1px solid; CURSOR: hand; FONT: bold 12px/20px Verdana; LEFT: -155px; POSITION: absolute; TOP: 170px; WIDTH: 160px; layer-background-color: lightyellow }--> </style>
第二步：将下列代吗放到HTML文件的<body>语句之后：
<script language=JavaScript1.2> /* Sliding Menu Bar Script- ? Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ /* modified by mars 1999, www.joysoft.net */ if (document.all) document.write('<div id="slidemenubar2" style="left:-150">') </script> <layer id=slidemenubar> <script language=JavaScript1.2> var sitems=new Array() var sitemlinks=new Array() //连结文字 sitems[0]="返回首页" sitems[1]="Flash" sitems[2]="Javascript" sitems[3]="Dhtml" sitems[4]="Java" sitems[5]="css" sitems[6]="项目1" sitems[7]="项目2" //对应以上文字的连结 sitemlinks[0]="#" sitemlinks[1]="#" sitemlinks[2]="#" sitemlinks[3]="#" sitemlinks[4]="#" sitemlinks[5]="#" sitemlinks[6]="#" sitemlinks[7]="#" document.write ('<center>'); for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') document.write ('</center>'); </script> </layer><script language=JavaScript1.2> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } var dragapproved=false var x1,x2 if (document.layers) themenu.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) function move(e){ if (document.all&&event.button==1&&dragapproved){ if(temp1+event.clientX-x1>leftboundary) themenu.pixelLeft=Math.min(rightboundary,temp1+event.clientX-x1) else themenu.pixelLeft=Math.max(leftboundary,temp1+event.clientX-x1) } else if (document.layers){ if(themenu.left+e.x-x2>leftboundary) themenu.left=Math.min(rightboundary+2,themenu.left+e.x-x2) else themenu.left=Math.max(leftboundary-2,themenu.left+e.x-x2) } } function drags(e){ if (document.all){ dragapproved=true temp1=themenu.pixelLeft x1=event.clientX document.onmousemove=move } else{ themenu.captureEvents(Event.MOUSEMOVE) x2=e.x } } function stopit(){ if (document.all){ dragapproved=false } if (document.layers) themenu.releaseEvents(Event.MOUSEMOVE) } if (document.all){ document.all.slidemenubar2.onmousedown=drags document.all.slidemenubar2.onmouseup=new Function("dragapproved=false") document.onselectstart=new Function("return false") } else if (document.layers){ themenu.onmousedown=drags themenu.onmousemove=move themenu.onmouseup=stopit } </script>
