博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

始终固定底部菜单

Posted on 2014-07-05 17:40  sky410  阅读(346)  评论(0编辑  收藏  举报

<html>
<head>
<title>阿里西西网页特效演示,始终固定底端导航菜单</title>
</head>
<body onLoad="fix()" onScroll="fix()" onResize="fix()">
<!--用<body onLoad='fix()' onScroll="fix()" onResize="fix()">替换<body> -->
<!--将以下代码加入HTML的<Body></Body>之间-->
<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>
<span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9">
<table align="center" border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr align="center">

<td>
<a href="#">网页特效</a></td>
<td>
<a href="#">文章教程</a></td>
</tr></table></span>
</body></html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>