⑴ 如何做出网页左侧导航条,鼠标移上去就会显示隐藏的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设置不同的属性就能显示和隐藏。
