DiscuzX全站通用顶部吸附浏览器导航

电脑基地 · 发表于 2013-9-16 14:11:13

<style>
html body{padding-top:30px;}
.mininav{background:#2C2C2C;position:fixed;width:100%;height:30px;z-index:1000;_position: absolute; _top:expression(documentElement.scrollTop + 0 + "px");top:0;left:0;}
.mininav_inner{width:100%;height:30px;}
.nav_list{float:left;margin:0 0 0 10px;}
.myinfo{float:right;margin:0 10px 0 0;}
.nav_list li{float:left;height:30px;}
.nav_list li img{width: 18px;height: 18px;vertical-align: -5px;margin-right: 8px;border-radius: 2px;}
.nav_list li a{display:inline-block;line-height:30px;height:30px;padding:0 10px;text-decoration:none;color:darkGray;font-size:12px;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.nav_list li a:visited{color:darkGray;}
.nav_list li a:hover{color:white;background-color:#212121;}
.nav_list li a.active{background-color:#212121;color:white;}
</style>
<div class="mininav">
<div class="mininav_inner">
<ul class="nav_list">
<li><a href="http://www.4140.com.cn/" target="_blank">首页</a></li>
<li><a href="http://www.4140.com.cn/cmslist/3_0.html" target="_blank">资讯</a></li>
<li><a href="http://www.4140.com.cn/cmslist/84_0.html" target="_blank">图片</a></li>
<li><a href="http://www.4140.com.cn/bbs/" target="_blank" class="active">论坛</a></li>
<li><a href="http://www.4140.com.cn/cmslist/9_0.html" target="_blank">安全</a></li>
<li><a href="http://www.4140.com.cn/cmslist/77_0.html" target="_blank">QQ</a></li>
<li><a href="http://www.4140.com.cn/cmslist/85_0.html" target="_blank">游戏</a></li>
<li><a href="http://www.4140.com.cn/my/" target="_blank">博客</a></li>
</ul>
<ul class="nav_list myinfo">
<li><a href="http://www.4140.com.cn/#" target="_blank">设为主页</a></li>
</ul>
</div>
</div>

复制代码

该导航会吸附在浏览器的顶部，与X3的导航相似，X3不建议使用。
站群演示：
CMS：http://www.4140.com.cn
论坛：http://www.4140.com.cn/bbs/

使用方法：将代码放到模版的

<body id="nv_forum" class="pg_index" onkeydown="if(event.keyCode==27) return false;">

复制代码

代码放到这里

<div id="append_parent"></div><div id="ajaxwaitid"></div>

复制代码

不会的加Q群：147898240

YI杯水 · 发表于 2013-9-16 14:22:43

看不懂咋整。

1314学习网 · 发表于 2013-9-16 23:28:03

支持下分享。。。

电脑基地 · 发表于 2013-9-20 01:56:47

支持下分享。。。

		自动登录	找回密码
密码			立即注册

[发布] DiscuzX全站通用 顶部吸附浏览器导航

[发布] DiscuzX全站通用顶部吸附浏览器导航