BoonKiong.com2025™

人气 546

仿X3顶部导航固定

文***已获得官方认证 2022-6-2 19:59

1810291614bb1310fb372a4e08.gif


新建模板,命名为:
[CSS] 纯文本查看 复制代码
menufixed

输入内容:
[CSS] 纯文本查看 复制代码
function getleft(obj){
 return $jq(obj).offset().left; 
};
function gettop(obj){
 return $jq(obj).offset().top; 
};
function getheight(obj){
return $jq(obj).css("height").replace("px","")-0;
}
$jq("#menu li").each(function (){if (this.getAttribute("onmouseover")!=null){this.onmouseover=function (){showMenu2({'ctrlid':this.id})}}});
function showMenu2(v) {
	var ctrlid=v['ctrlid'];
	var menuobj=$(ctrlid+"_menu");
	var menu=$(ctrlid);
	setMenuPosition2(ctrlid);
	$jq("#"+ctrlid+"_menu").stop().show(menutime);
	menu.onmouseout=function (){$jq("#"+this.id+"_menu").stop().hide(menutime)}
	menuobj.onmouseout=function (){$jq("#"+this.id).stop().hide(menutime)}
	menuobj.onmouseover=function (){$jq("#"+this.id).stop().show(menutime)}
}
function setMenuPosition2(id){
	var menuobj=$(id+"_menu");
	var menu=$(id);
	menuobj.style.left=getleft(menu)+"px";
	menuobj.style.top=gettop(menu)+getheight(menu)+"px";
	menuobj.style.position="absolute";
}


function getleft(obj){
 return $jq(obj).offset().left; 
};
function gettop(obj){
 return $jq(obj).offset().top; 
};
function getheight(obj){
return $jq(obj).css("height").replace("px","")-0;
}

document.write("<style>#menu{z-index:199!important;}</style>");

function zyscheight() {

    return ('pageYOffset' in window) ? window.pageYOffset: document.compatMode === "BackCompat" && document.body.scrollTop || document.documentElement.scrollTop ;
};
var headwrap=$jq("#header .wrap")[0];
var headout=$("header");
var zymenuleft=getleft(headwrap)-0;
var zymenu=$("menu");

function zymt(){
var zymenutrace=gettop(headout)+getheight(headout)-getheight(zymenu);
var zymenuleft=getleft(headwrap)-0;
var st = zyscheight();
if (st<zymenutrace){
zymenu.style.width="100%";
zymenu.style.position="absolute";
zymenu.style.top="";
zymenu.style.left="";
$jq("#menu").stop().fadeTo("100","1");

}else{
zymenu.style.width="93%";
zymenu.style.position="fixed";
zymenu.style.top="0px";
zymenu.style.left=zymenuleft+"px";
$jq("#menu").stop().fadeTo("100","0.85");

};
};

$jq(document).scroll(function (){
zymt();
})

然后把下面的代码添加到第三方:
[CSS] 纯文本查看 复制代码
<script type="text/javascript" src="http://你的论坛名称/templates/模板名称/menufixed.htm"></script>



<
您需要登录后才可以回帖 登录 | 立即注册

您还未登录

随手拍~~:

热门推荐~~:

论坛表情分享...

1、洋葱头 ...

Discuz! X3.5 解决小图标不显示的方法...

我发现大多数使用Discuz! X3.5 都有小图标不能显示的问题,提问的时候大家给的回答都是说跨域的问题, ...

如何在 discuz 帖子里添加 APlayer 音乐播...

1、首先将下边的 APlayer.css 和 APlayer.js 代码下载然后解压上传到服务器。 2、单曲音乐的代 ...

Discuz! 相关帖子功能修改随机显示不依赖标...

打开 source/module/forum/forum_viewthread.php 文件,查找: 换行添加: 再查找: 换行添 ...

Discuz! X3.5 手机版 logo 的路径...

打开以下的模板文件,搜索 logo_m.svg 1.template/default/touch/portal/index.htm 2.template/def ...

热度会员~~:

文強berrybkboonkiongadmin老谟深虑TaC9528huaekinfei220088ku510teresabitch

免责声明~~:


本站内容来源于合作伙伴及网络搜集,版权归原作者所有。如有侵犯版权,请立刻和本站联系,我们将在三个工作日内予以改正。
Email:hsbk@hotmail.com

服务与条款|隐私政策|免责声明|手机版|网站地图|友链申请| 文强阁

Powered by Discuz! X3.5|© 2001-2025 Discuz! Team. |本站总访问量已经运行: