Discuz X2 仿DSU顶部悬浮导航

dly · 发表于 2011-6-2 15:25:45

以下是要删除的代码：

<div id="toptb" class="cl">
<div class="wp">
<div class="z">
$nav[code]
</div>
<div class="y">
$nav[code]
<a href="javascript:;" onClick="widthauto(this)">
{lang switch_wide}
{lang switch_narrow}
</a>
<a id="sslct" href="javascript:;" onMouseOver="delayShow(this, function() {showMenu({'ctrlid':'sslct','pos':'34!'})});">{lang changestyle}</a>
<a id="diy-tg" href="javascript:openDiy();" title="{lang open_diy}" class="xi1 xw1">DIY</a>
</div>
</div>
</div>

复制代码

haed间的JS代码：

<script language="javascript">
function codefans(){
var box=document.getElementById("top123");
box.style.display="none";
}
setTimeout("codefans()",9000);//这里可设置关闭时间
</script>

复制代码

CSS文件:

#topbar{ line-height: 18px;position:fixed;top:0;background:#FAF5F5;border-bottom:1px solid #CDCDCD;padding:5px 15px; margin-bottom:15px;height:18px;font-size:12px;width:100%;z-index:80;}
#top123{position: absolute; top:25px; right:50px;_right:23px;}
.wp_top{ width:95%; margin:0 auto;}
.wp_top .z a{ padding-right:6px;}
.top1{padding: 10px; width:150px; border: 1px solid #B1B1B1; background: #FEFEE9;}
.top2 .tip_horn { right: 55px; top: -6px; background: url({IMGDIR}/tip_top.png); }
.top2{ margin-top: 8px; }

复制代码

使用说明：
1、下载附件解压，将space_header.html上传至模板文件夹home下
2、打开header.html将以上的代码删除
3、将解压的文件顶部导航源代码.txt里面的代码插入到上面
4、把JS代码放入haed之间，
5、将CSS文件放入common.css里面！最好是放#hd{}上面
6、更新缓存即可
演示网站：www.nc848.com
支持网站：www.caogenb.com

附件下载：

游客，如果您要查看本帖隐藏内容请回复

让测试飞起来 · 发表于 2011-6-2 16:27:31

看一下，好像没印象

主编 · 发表于 2011-6-2 18:55:14

支持支持~~~~~~~~

欣雨她爸 · 发表于 2011-6-2 19:51:23

看一下，好像没印象

1617602781 · 发表于 2011-6-3 14:41:35

1617602781 · 发表于 2011-6-3 14:42:00

tm001 · 发表于 2011-6-3 18:05:33

我也写过一个，不知道一样不？

wuwanbin · 发表于 2011-6-3 23:02:29

呵呵，支持一下，顶起

toycaners · 发表于 2011-6-8 22:10:21

这个真的很好用！！！~

forever21 · 发表于 2011-6-17 10:59:48

谢谢，学习了

[代码修改] Discuz X2 仿DSU顶部悬浮导航

相关帖子