[jquery固定底部]jquery固定底网站底部菜单效果

更新时间：2018-02-07 来源：jquery 手机版 字体：大中小

【www.bbyears.com--jquery】

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>固定底（顶）部菜单</title> 
<script type="text/javascript" src="../js_date/js/<a href="http://www.bbyears.com/clist-108-1.html" target="_blank" class="keylink">jquery</a>.js"></script> 
<style> 
body {padding:0; margin:0; font-size:12px; font-family:Arial; <a href="http://www.bbyears.com/clist-116-1.html" target="_blank" class="keylink">word</a>-break:break-all; <a href="http://www.bbyears.com/clist-116-1.html" target="_blank" class="keylink">word</a>-wrap:break-word; } 
.bnav { text-align:left; height:25px; overflow:hidden; width:98%; line-height:25px; background:#fff; margin:0 1%; border:#B4B4B4 1px solid; border-bottom:none; z-index:999; position:fixed; bottom:0; left:0; _position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ 
overflow:visible; } 
.close { position:absolute; right:5px; height:25px; width:16px; text-indent:-9999px; padding-left:10px; } 
.close a { background:url(../js_date/images/20110603/close.gif) no-repeat center; width:16px; display:block; } 
.bnav2 { height:24px; line-height:24px; margin:1px; margin-bottom:0; background:#E5E5E5; } 
.bnav3 { height:25px; width:16px; line-height:25px; margin:0 1%; padding-right:6px; border-bottom:none; z-index:999; position:fixed; bottom:0; right:0; _position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ 
overflow:visible; } 
.bnav3 a { background:url(../js_date/images/20110603/open.gif) no-repeat center; display:block; height:25px; width:16px; text-indent:-5000px; } 
</style> 
</head> 
<body> 
<script type="text/javascript"> 
var closeBN = $.cookie("bnav"); 
if (closeBN == "0"){closeNav();} 
function showNav(){ 
$(".openClose").toggle(); 
$.cookie("bnav", "1", {expires: 1}); 
} 
function closeNav(){ 
$(".openClose").toggle(); 
$.cookie("bnav", "0", {expires: 1}); 
} 
</script> 
 
关闭 信息显示信息显示信息显示信息显示信息显示信息显示信息显示信息显示信息显示信息显示信息显示信息显示信息显示 
 
打开 
</body> 
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyezhizuo/39077.html

链接：http://www.bbyears.com/wangyezhizuo/39077.html
[jquery固定底部]jquery固定底网站底部菜单效果(转载时请注明本文出处及链接)

猜你感兴趣

【mysql占用内存与cpu过高测试与解决方法】MySQL占用内存与CPU过高测试与解决办法 2018-02-07
mysql多表联合查询|Mysql子查询和联合(UNION)查询详解 2018-02-07
[linux查看端口占用]Linux 中mysql的备份和还原示例 2018-02-07
[三星手机如何截屏截图]三星如何N7100截屏/截图 2018-02-07
asp.net core_asp.net中C#正则表达式之查找替换 2018-02-07
【sqlserver附加数据库失败】SQLServer附加数据库时出错问题总结分析 2018-02-07
【flash中加载xml文档中文本到swf文件格式】flash中加载XML文档中文本到swf文件方法 2018-02-07
n7100三星手机参数_三星N7100手机修改显示字体图文详解 2018-02-07
帝国cms模板_给帝国cms增加文章签收功能图文教程 2018-02-07
asp.net core_asp.net winform（C#）弹出对话框实现代码 2018-02-07

本类排行

本类最新

更多>>

[jquery固定底部]jquery固定底网站底部菜单效果

猜你感兴趣

热门标签

本类排行

本类最新