當前位置:首頁 » 網站資訊 » 網站導航欄里隱藏的叫什麼

網站導航欄里隱藏的叫什麼

發布時間: 2022-06-26 23:54:39

如何做出網頁左側導航條,滑鼠移上去就會顯示隱藏的div

滑鼠移上去就把DIV的DISPLAY屬性設為block,離開後就設為none就可以了
當然最重要的是DIV的定位

⑵ 頁面中如何隱藏 導航欄

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>滑出式菜單</title>
<style>
<!--
#ssm2 A {
color:black;
text-decoration:none;
font-size:12;
font-family:verdana;
}

#ssm2 A:hover {
color:red;
}

-->
</style>
</head>

<body>

<script language="JavaScript">

function MM_displayStatusMsg(msgStr) {
status=msgStr;
document.MM_returnValue = true;
}

function highlight(x){
document.forms[x].elements[0].focus()
document.forms[x].elements[0].select()
}

function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}

var NS
IE=document.all;
NS=document.layers;

hdrFontFamily="Verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#666666";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#CCCCCC";
linkTarget="_top";
YOffset=60;
staticYOffset=20;
menuBGColor="black";
menuIsStatic="no";
menuHeader="大類菜單1"
menuWidth=150; // Must be a multiple of 5!
staticMode="advanced"
barBGColor="#1298fd";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barText="滑出式菜單";

function moveOut() {
if (window.cancel) {
cancel="";
}

if (window.moving2) {
clearTimeout(moving2);
moving2="";
}
if ((IE && ssm2.style.pixelLeft<0)||(NS && document.ssm2.left<0)) {
if (IE) {ssm2.style.pixelLeft += (5%menuWidth);
}
if (NS) {
document.ssm2.left += (5%menuWidth);
}

moving1 = setTimeout('moveOut()', 5)
}
else {
clearTimeout(moving1)
}
};

function moveBack() {
cancel = moveBack1()
}
function moveBack1() {
if (window.moving1) {
clearTimeout(moving1)
}

if ((IE && ssm2.style.pixelLeft>(-menuWidth))||(NS && document.ssm2.left>(-150))) {
if (IE) {ssm2.style.pixelLeft -= (5%menuWidth);
}
if (NS) {
document.ssm2.left -= (5%menuWidth);
}
moving2 = setTimeout('moveBack1()', 5)}
else {
clearTimeout(moving2)
}
};

lastY = 0;
function makeStatic(mode) {
if (IE) {winY = document.body.scrollTop;var NM=ssm2.style
}
if (NS) {winY = window.pageYOffset;var NM=document.ssm2
}
if (mode=="smooth") {
if ((IE||NS) && winY!=lastY) {
smooth = .2 * (winY - lastY);
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) NM.pixelTop+=smooth;
if (NS) NM.top+=smooth;
lastY = lastY+smooth;
}
setTimeout('makeStatic("smooth")', 1)
}

else if (mode=="advanced") {
if ((IE||NS) && winY>YOffset-staticYOffset) {
if (IE) {NM.pixelTop=winY+staticYOffset
}
if (NS) {NM.top=winY+staticYOffset
}
}
else {
if (IE) {NM.pixelTop=YOffset
}
if (NS) {NM.top=YOffset-7
}
}
setTimeout('makeStatic("advanced")', 1)
}
}

function init() {
if (IE) {
ssm2.style.pixelLeft = -menuWidth;
ssm2.style.visibility = "visible"
}
else if (NS) {
document.ssm2.left = -menuWidth;
document.ssm2.visibility = "show"
}
else {
alert('Choose either the "smooth" or "advanced" static modes!')
}
}

function MM_displayStatusMsg(msgStr) {
status=msgStr;
document.MM_returnValue = true;
}
</script>

<script language="JavaScript">
if (IE) {document.write('<DIV ID="ssm2" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+'px ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}
tempBar=""
for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"<BR>"}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')
function addItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssm2Items">'+text+'</A></FONT></LAYER></ILAYER></TD></TR>')}
function addHdr(text) {
document.write('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}

//Only edit the script between HERE

addItem(' 小類菜單1', '#', '_blank');
addItem(' 小類菜單2', '#', '_blank');
addItem(' 小類菜單3', '#', '_blank');
addItem(' 小類菜單4', '#', '_blank');
addItem(' 小類菜單5', '#', '_blank');
addItem(' 小類菜單6', '#', '_blank');
addHdr('大類菜單2');
addItem(' 小類菜單1', '#', '_blank');
addItem(' 小類菜單2', '#', '_blank');
addItem(' 小類菜單3', '#', '_blank');
addItem(' 小類菜單4', '#', '_blank');
addItem(' 小類菜單5', '#', '_blank');
addItem(' 小類菜單6', '#', '_blank');

// and HERE! No more!

document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')
if (IE) {document.write('</DIV>')}
if (NS) {document.write('</LAYER>')}
if ((IE||NS) && (menuIsStatic=="yes"&&staticMode)) {makeStatic(staticMode);}

</script>
<script>
window.onload=init
</script>

</body>
</html>

⑶ sharepoint 怎麼隱藏網站默認的導航欄

你的導航是指哪裡? 先激活網站集級別的SharePoint發布功能後, 再激活網站級別的SharePoint發布功能.

都激活後, 進入網站設置頁面, 就可以看到編輯導航的連接了. 如果要完全隱藏, 可以通過SharePoint Designer, 隱藏網站頁面中保存導航的content placeholder

⑷ 建設網站中的導航欄在設計時有哪些常見的樣式

分享幾個常見的導航設計:
1、滑出導航
滑出式導航是現在很流行的一種,當用戶打開頁面時,第一眼看到的是主要的內容而非菜單,給用戶更好的第一印象。響應式全屏滑出導航也可以給人愉悅的體驗。
2、全屏導航
全屏導航設計對內容有強調作用,用戶可以更加便捷地切換到不同的頁面,讓內容成為更加觸手可及的東西。如果設計的夠合理,用戶會在無意識間充分運用起它的導航功能。
3、單頁滾動導航
對於不含有大量內容的網站而言,單頁式的導航的效果非常不錯。這樣的網站只需要簡單的向下滾動操作,內容就會持續不斷地到你的眼前。
4、垂直導航
垂直導航最流行的有兩種排版方式,一種是隱藏式的導航菜單,需要的時候點擊顯示。另外一種是固定的側邊欄來展示菜單。它為網站設計提供了一種新的視覺體驗。
導航如何使用,還是要結合你的項目的具體特徵來決定的。

⑸ 360瀏覽器怎麼把網頁下面的導航隱藏了,或是去掉了

  • 通過全屏(不過會沒有上方快捷欄,也沒有下面的導航欄)

    通過快捷鍵F11即可(此時將沒有下圖的快捷欄)

    ⑹ 導航欄的ul li ul li怎麼隱藏

    CSS裡面有一個visibility:hidden來隱藏,但它會占據位置就有一個空白,換display:none;就可以徹底隱藏。


    當我們的滑鼠移上去後,我們把它的display:改成空的,讓它恢復默認值。滑鼠懸停是捕獲 onmouseover 事件。


    比如:

    <li>home>

    <ulstyle="display:none;">

    <li>1</li>

    <li>2</li>

    </ul>

    </li>


    隱藏是 .style.display = "none"; 恢復是 .style.display = "";

    這個 $('.reply-qts-item') 是用 jQuery 提供的根據 css 表達式查找某個 class = reply-qts-item 的節點。你也可以用 HTML4 DOM 標准方法來查找,比如 document.getElementById (...)


    ⑺ 網站導航條上面的叫什麼

    一般按照老樣式網頁設計的話,導航條上面分三部分,左邊的叫網站LOGO,中間為BANNER,右邊一般就是加入收藏/設為首頁等等這一類的了!不知是不是你要的答案

    ⑻ 各大網站首頁現在有的那個類似導航欄的東西叫什麼

    就是個圖片查看器,你做網頁都時候在DW裡面 插入 多媒體 圖片查看器 添加你要播放的圖片就可以了 實際就會變成像FLASH一樣的效果。當然你也可以做成FLASH 但是更新不方便,你在添加圖片時,可以是使用SCR='鏈接地址',這樣更好圖片就方便了

    ⑼ 好多網站上方會有一些導航,滑鼠移動到上面會顯示下拉菜單和隱藏內容,這是怎麼弄的

    css+js /

    css有一個display屬性,然後通過JS設置不同的屬性就能顯示和隱藏。