常在底层的菜单

 

点击这里看效果

在 <head> 与 </head> 之间加入:

<script language="javascript">
function stat(){
var a = pageYOffset+window.innerHeight-document.bar.document.height-1
document.bar.top = a
setTimeout('stat()',2)
}
function fix(){
nome=navigator.appName
if(nome=='Netscape'){
stat()
}
else{
var a=document.body.scrollTop+document.body.clientHeight-document.all.bar.offsetHeight+1
bar.style.top = a
}}
</script>

在 <body> 与 </body> 之间加入:

<SPAN ID="bar" STYLE="position:absolute; left:68px;
top:455px; width:614px; height:2px; z-index:9" >
<TABLE WIDTH="100%" BORDER="1" CELLSPACING="0" CELLPADDING="0">
<TR BGCOLOR="#CCCCFF"><TD>
<DIV ALIGN="CENTER">菜单</DIV></TD>
<TD><DIV ALIGN="CENTER">菜单</DIV></TD>
<TD><DIV ALIGN="CENTER">菜单</DIV></TD>
<TD><DIV ALIGN="CENTER">菜单</DIV></TD>
</TR></TABLE></SPAN>

把 <body> 改为:

<BODY onLoad='fix()' onScroll="fix()" onResize="fix()">