热门标签:   个人网站   个人网页   WAP网站   网页特效   网页教程   收藏本站   设为主页  
首 页   个人网站   个人博客   WAP网站   网页特效   网页教程   软件教程   我要参展
帐 号: 密 码:
 
网站及资源搜索:  
 
  当前位置 > 中国个人网页秀-> 网页特效-> 页面特效-> 菜单导航-> 非常流行的隐藏导航栏
非常流行的隐藏导航栏
整理:Cnwshow.Com   来源:Internet   整理时间:2008-5-11

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>非常流行的隐藏导航栏</title>
<SCRIPT language=JavaScript1.2>

function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop  += y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top  += y;
}};

function position() {
document.object1.left += -82;
document.object1.top  += 0;
document.object1.visibility = "show"
};

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}

</SCRIPT>

<STYLE type=text/css>.hl {
BACKGROUND-COLOR: green; COLOR: white; CURSOR: hand
}
.n {

}
</STYLE>
</head>

<body>
<LAYER class=NS onmouseout="move(-132, 0)"
onmouseover="move(132, 0)" left="0" bgcolor="black" name="object1" top="20"
visibility="hide">
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -82px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</SCRIPT>

<TABLE bgColor=#000000 border=0 cellPadding=2 cellSpacing=1
onmouseout="move(-82, 0)" onmouseover=move(82,0) width=100>
  <TBODY>
  <TR>
    <TD bgColor=#009900><FONT face=宋体 size=3><B>导航菜单</B></FONT></TD>
    <TD align=middle bgColor=#006600 rowSpan=100 width=12>
      <SCRIPT language=JavaScript1.2>
if (document.all||document.layers)
document.write('<p align="center"><font size="2" face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<br>U</font></p>')
</SCRIPT>
    </TD></TR>
  <SCRIPT language=JavaScript1.2>
<!--
if (document.all||document.layers)
makeStatic();

if (document.layers) {
window.onload=position;
}

var sitems=new Array();
var sitemlinks=new Array();

// 配置以下

sitems[0]="窗口特效";
sitems[1]="页面特效";
sitems[2]="鼠标特效";
sitems[3]="技巧特效";

sitemlinks[0]="http://www.cnwshow.com/html/4_1.htm";
sitemlinks[1]="http://www.cnwshow.com/html/5_1.htm";
sitemlinks[2]="http://www.cnwshow.com/html/6_1.htm";
sitemlinks[3]="http://www.cnwshow.com/html/7_1.htm";

for (i=0;i<=sitems.length-1;i++)
if (document.all) {document.write('<TR><TD bgcolor=white onclick="location=\''+sitemlinks[i]+'\'" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2>'+sitems[i]+'</FONT></TD></TR>')}
else if (document.layers){document.write('<TR><TD bgcolor="white"><FONT SIZE=2><A HREF="'+sitemlinks[i]+'">'+sitems[i]+'</A></FONT></TD></TR>')}

function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></SCRIPT>
  </TBODY></TABLE>
<SCRIPT language=JavaScript1.2>
if (document.all)
document.write('<\/DIV>')
</SCRIPT>
</LAYER>
</body>
</html>

运行代码预览特效
  菜单导航 热门点击
·鼠标触发型导航菜单
·网页滑出式菜单
·类似Flash效果的菜单
·模仿QQ式的菜单
·同Flash媲美的导航菜单
·左右交叉合并导航效果
·Windows样式菜单
·非常流行的隐藏导航栏
·慢慢出现的链接菜单
·下拉透明菜单
  酷站推荐
关于本站  联系本站  免责声明  使用帮助  网站搜索  网站地图
Copyright © 2005-2008 Cnwshow.Com Inc All Rights Reserved 中国个人网页秀
技术支持:网秀科技   QQ群:36941957  客服QQ:151483161  粵ICP备05134415号