码迷,mamicode.com
首页 > 其他好文 > 详细

始终固定底部菜单

时间:2014-07-05 22:09:02      阅读:350      评论:0      收藏:0      [点我收藏+]

标签:style   http   java   color   width   os   

<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>

始终固定底部菜单,布布扣,bubuko.com

始终固定底部菜单

标签:style   http   java   color   width   os   

原文地址:http://www.cnblogs.com/skyay/p/3826205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!