网页隐藏导航代码大全（隐藏导航栏代码）[20240423更新]

今天给各位分享网页隐藏导航代码大全的知识，其中也会对隐藏导航栏代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、简单的网页导航条代码
• 2、用jquery来设置网页导航栏向下滚动时隐藏，向上滚动时显示的代码
• 3、怎么把空间全屏的导航隐藏？求代码
• 4、免费隐藏导航代码
• 5、QQ空间隐藏导航代码
• 6、HTML页面中如何隐藏 导航栏

简单的网页导航条代码

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

titlenone/title

style type="text/css"

!--

body { margin: 0px;padding: 0px;text-align: center;}

TD {FONT-SIZE: 12px; COLOR: #333;}

#toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;}

--

/style

/head

body

SCRIPT

function toueme(){

document.getElementById("toubiao").style.display="none";

}

/SCRIPT

DIV id=toubiao

table width="100%" border="0" cellspacing="0" cellpadding="0"

tr

td width="4%" height="30" align="center"img src="images/kids.gif" width="15" height="14"/td

td width="82%"登陆|注册      这里要什么就你自己写咯/td

td width="14%" align="right"a style="CURSOR: hand" onClick=toueme()关闭/a/td

/tr

/table

/DIV

呵呵 新建记事本 打开复制该代码 保存 修改后缀名为html 预览效果！

/body

/html

用jquery来设置网页导航栏向下滚动时隐藏，向上滚动时显示的代码

script type="text/javascript" src=""/script

script

    (function() {

    new Headroom(document.querySelector("#nav-scroll"), { //这里的nav-scroll改为你的导航栏的id或class

        offset : 5, // 在元素没有固定之前，垂直方向的偏移量（以px为单位）

            tolerance: 5, // scroll tolerance in px before state changes        

        classes: {

            initial: "animated",  // 当元素初始化后所设置的class

            pinned: "slideUp", // 向上滚动时设置的class

            unpinned: "slideDown" // 向下滚动时所设置的class

        }

    }).init();    

    }());

/script

然后，加上样式就可以了：

.animated {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}

.animated .slideDown {top: -100px;}

.animated .slideUp {top: 0;}

怎么把空间全屏的导航隐藏？求代码

已解决问题 收藏 转载到QQ空间 qq空间导航可以隐藏，全屏是怎么是怎么做的？ [ 标签：导航,qq空间 导航,全屏 ] ≡ (!)疲惓嘞 回答:2 人气:3 解决时间:2008-07-27 20:38 满意答案 1，隐藏导航 可以用百度搜索 qq空间免费隐藏导航代码 然后将代码复制 粘贴到浏览器栏点击 转到 就会出现去掉导航的效果，前提是在自定义的情况下，

2，全屏 可以点击 自定义 有 模块切换 风格设置 新建模块 布局设置 模块管理 等，相信你看到就会弄了，，

呵呵，祝你玩的愉快

免费隐藏导航代码

QQ空间导航代码

粉色女生 ：javascript:window.top.space_addItem(13,9758,0,0,200,600,0);

竖着的五星：javascript:window.top.space_addItem(13,5145,0,0,200,600,0);

美妙音符：javascript:window.top.space_addItem(13,5330,0,0,200,600,0);

鱼：javascript:window.top.space_addItem(13,5003,0,0,200,600,0);

清甜爽口:javascript:window.top.space_addItem(13,4384,0,0,150,700,0);

流金岁月:javascript:window.top.space_addItem(13,5330,0,0,150,700,0);

摘星:javascript:window.top.space_addItem(13,5145,0,0,150,700,0);

深海奥妙:javascript:window.top.space_addItem(13,5003,0,0,150,700,0);

竖着的导航：javascript:window.top.space_addItem(13,1,100,80,0,0,94);

心爱花藤：javascript:window.top.space_addItem(13,9114,0,0,200,600,0);

这里面有的能用有的不能，你随便用一个，就会把以前的隐藏了！

好友秀啊，好办。你打开你的空间先自定义，现在的应该是5.0的空间吧，你的应该也是。点模块，然后把好友秀里面的勾掉就可以了。或者点完自定义以后把鼠标移动到好友秀模板右上方，会出现不一样的标志，点一下然后点移除就可以了

QQ空间隐藏导航代码

以下是删除原有导航代码：

img src="javascript:bt_1.style.display='none';bt_2.style.display='none';bt_3.style.display='none';bt_4.style.display='none';bt_5.style.display='none';bt_6.style.display='none';bt_7.style.display='none';bt_8.style.display='none';"style="display:none;"

以下给你介绍几款我自己做的导航及模版：【点击打开以后多等会就能看见效果】

（空间模版1）

（空间模版2）

（杰伦导航带皮肤效果）

（杰伦导航）

（杰伦导航带皮肤效果）

（杰伦导航）

使用以下代码时把米渣两个字删了：

再把地址改成以上你喜欢的地址，更多代码在我空间日志：

米渣代码技术空间

img src="javascript:document.getElementById('Mlogo').米渣#105;nnerHTML+='div style=\'position:absolute;top:0;left:0;\'EMBED src=\'地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'/div';"

把修改好的代码放去你空间新建模块的评论就可以了。

HTML页面中如何隐藏 导航栏

可以用JS实现

SCRIPT language=javascript1.2

function showsubmenu(sid){

whichEl = eval('submenu' + sid);

if (whichEl.style.display == 'none'){

eval("submenu" + sid + ".style.display='';");

}

else{

eval("submenu" + sid + ".style.display='none';");

}

}

/SCRIPT

display方法的值为none时,为不显示表格内容

showsubmenu(sid)中的sid为HTML代码中表格中td的id属性值

=====================代码实现过程================

HTMLHEADTITLE管理导航菜单/TITLE

SCRIPT language=javascript1.2

function showsubmenu(sid){

whichEl = eval('submenu' + sid);

if (whichEl.style.display == 'none'){

eval("submenu" + sid + ".style.display='';");

}

else{

eval("submenu" + sid + ".style.display='none';");

}

}

/SCRIPT

/HEAD

BODY

TABLE width=158 align=center

TBODY

TR

TD id=menuTitle1

style="CURSOR: hand"

onclick=showsubmenu(1)

height=25 ;span class="glow"导航一/span/TD

/TR

TR

TD height="100%" id=submenu1 style="DISPLAY: none"

DIV style="WIDTH: 158px"

TABLE cellSpacing=0 cellPadding=0 width=132 align=center

TBODY

TR

TD height=201/TD

/TR

TR

TD height=202/TD

/TR

/TBODY/TABLE

/DIV

DIV style="WIDTH: 158px"

TABLE cellSpacing=0 cellPadding=0 width=130 align=center

TBODY

TR

TD height=20/TD/TR/TBODY/TABLE/DIV/TD/TR/TBODY/TABLE

TABLE width=158 align=center

TBODY

TR

TD id=menuTitle3 style="CURSOR: hand"

onclick=showsubmenu(3) height=25 ;

SPAN class=glow导航二/SPAN/TD

/TR

TR

TD id=submenu3 style="DISPLAY: none"

DIV style="WIDTH: 158px"

TABLE cellSpacing=0 cellPadding=0 width=132 align=center

TBODY

TR

TD height=203/TD

/TR

TR

TD height=204/TD

/TR

/TBODY/TABLE

/DIV

DIV style="WIDTH: 158px"

TABLE cellSpacing=0 cellPadding=0 width=130 align=center

TBODY

TR

TD height=20/TD/TR/TBODY/TABLE/DIV/TD/TR/TBODY/TABLE

/BODY/HTML

网页隐藏导航代码大全的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于隐藏导航栏代码、网页隐藏导航代码大全的信息别忘了在本站进行查找喔。