网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 菜单导航 >> 正文
最新文章
· JS版无限级网页折叠菜单,类似于树形
· CSS实现4级的下拉菜单
· 简洁的滑动门菜单
· jQuery带动画效果的多级下拉菜单
· 自动切换的JS菜单
· 隔指定时间选项卡自动切换
· CSS+JS实现兼容性很好的无限级下拉菜
· 自动切换的选项卡
· 仿163网盘网站的Js折叠菜单
· 随鼠标移过动态放大的菜单导航
热门文章
 自动固定在网页顶部的悬浮菜单栏
 仿天涯固定在网页顶部的导航条
 仿淘宝商城商品属性选择效果
 无限级CSS树形菜单 Ltree Ver2.0
 二级树形菜单CSS TreeMenu
 同一页面多种Tab及滑动门应用的综合
 仿淘宝网导航的选项卡效果
 自动切换的JS菜单
 适用于网站后台的竖向二级下拉导航
 政府网站常用的蓝色二级导航菜单
相关文章
自动切换的JS菜单
可打开关闭固定底(顶)部的工具条菜单
遮罩过渡效果的图片幻灯和选项卡菜单
简洁漂亮且附带提示的二级导航菜单
横向和竖向联动的选项卡菜单
js和css滤镜效果导航菜单
仿淘宝网导航的选项卡效果
始终在页面底部的菜单导航
来源:数据大全网 更新时间:2009/7/18 17:57:55 阅读次数: 我要投稿
△运行 ☉预览 #复制 +收藏
特效代码:
<html> 
<head>  
<title>始终在页面底部的菜单</title>
<script language="javascript">
<!--
function stat(){
var a = pageYOffset+window.innerHeight-document.bar.document.height-0
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+0
bar.style.top = a
}}
//-->
</script>
</head> 
<body> 

<body onLoad="fix()" onScroll="fix()" onResize="fix()">
<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="http://www.sql163.com/">数据大全网</a></td>
<td width="190"> <a href="http://www.sql163.com/tech/">网络学院</a></td>
<td width="147"> <a href="http://www.sql163.com/soft/">软件下载</a></td>
<td width="96"> <a href="http://www.sql163.com/code/">源码下载</a></td>  
<td width="158"> <a href="http://www.sql163.com/ebook/">电子书籍</a>   
</td>  
</tr>  
</table>  
</span>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</Html>

△运行 ☉预览 #复制 +收藏
特效说明:
始终在页面底部的菜单导航
  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号