26、浮动顶层的菜单B
类别: JavaScript教程 
====1、将以下代码加入到HTML的<head></head>之间：
<script language="javascript">
<!--
function stat(){
var a = pageYOffset+window.innerHeight-document.bar.document.height-15
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+15
bar.style.top = a
}}
//-->
</script>
====2、将以下代码加入HTML的<body></body>之间：
<body onLoad=\'fix()\' onScroll="fix()" onResize="fix()"> //这一行不要忘记写
/*span标签内放入一个TABLE，里面就是你的站点连接菜单，用TABLE的目的是比较容易控制布局。你
可以自由修改下一行的代码，修正菜单出现的绝对位置。 */
<span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9" >
<table border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr align="center">
<td width="190"> <a href="index.html">回到首页 </a></td>
<td width="147"> <a href="newscript.htm">最新更新页</a></td>
<td width="96"> <a href="http://www.4ico.com/liber/">书籍教程</a></td>
<td width="158"> <a href="http://www.4ico.com/down/" target="_blank">软件下载</a>
</td>
</tr>
</table>
</span>
<script language="javascript">
<!--
function stat(){
var a = pageYOffset+window.innerHeight-document.bar.document.height-15
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+15
bar.style.top = a
}}
//-->
</script>
====2、将以下代码加入HTML的<body></body>之间：
<body onLoad=\'fix()\' onScroll="fix()" onResize="fix()"> //这一行不要忘记写
/*span标签内放入一个TABLE，里面就是你的站点连接菜单，用TABLE的目的是比较容易控制布局。你
可以自由修改下一行的代码，修正菜单出现的绝对位置。 */
<span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9" >
<table border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr align="center">
<td width="190"> <a href="index.html">回到首页 </a></td>
<td width="147"> <a href="newscript.htm">最新更新页</a></td>
<td width="96"> <a href="http://www.4ico.com/liber/">书籍教程</a></td>
<td width="158"> <a href="http://www.4ico.com/down/" target="_blank">软件下载</a>
</td>
</tr>
</table>
</span>
- 上一篇: 25、浮动顶层的菜单A
- 下一篇: 27、逐显效果下拉菜单
