怎么用JavaScript写一导航条？

试试
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var myTime=0
function counter(){
 myTime++
 per.innerHTML="<font size=2 color=darkblue>&nbsp;&nbsp;"+myTime+"%</font>"
 if (myTime<100)
  setTimeout("counter()",40); 
 else{
  window.open("http://www.sina.com.cn",null,"fullscreen=yes,channelmode=no,toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no")
 }
}
function window_onload() {
 counter()
}//-->
</SCRIPT>
</HEAD>
<BODY LANGUAGE=javascript onload="return window_onload()">
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P><table border="0" cellpadding="0" cellspacing="0" width="50%" align=center>
  <tr>
    <td width="51%" noWrap>
      <p align="right"><FONT face=宋体 color=navy 
      size=2>正在加载：</FONT></p>   </td>
    <td width="4%" bordercolor="#000000">
      <marquee align="middle" direction="right" scrolldelay="1" bgcolor="gainsboro" scrollamount="2" style="BORDER-RIGHT: black 1px outset; BORDER-TOP: black 1px outset; FONT-SIZE: xx-small; BORDER-LEFT: black 1px outset; WIDTH: 133px; COLOR: #000080; BORDER-BOTTOM: black 1px outset; HEIGHT: 13px" 
      behavior="slide" 
     >███████████████████████████████████████████████████████████████████████████████</marquee>
    </td><td width="45%" align=left><div id=per></div></td>
  </tr>
</table>
</BODY>
</HTML>

解决方案 »

  1.   

    http://www.chinaok.net/Examples/msmenu.zip
      

  2.   

    我是想要这样子的 “喜悦国际村 > 技术论坛 > php编程专栏 [普通帖]” 的 导航条
      

  3.   

    kwmenu.js
    <!--
        //**********************************************************************
        //Author:     不死鸟
        //Email:      [email protected]
        //OICQ:       328646
        //Purpose:    生成导航菜单，在该脚本末使用 AddItem()增加菜单栏目
        //            首项菜单的p_ItemPos 必须为 -1 ItemPos 为 0
        //            子分类菜单定义的p_ItemPos 应为父菜单的 ItemPos
        //            ItemPos 最好应保持序号连续性
        //            使用 ShowMenu() 调用菜单显示，参数为欲显示的最末级菜单ItemPos
        //            显示时将显示前面相关父菜单内容，SetSplitStr 设置显示时使用的分割符号
        //**********************************************************************
        var MenuItem=new Array()
        var SplitStr="|"
        
        function navmenu()
        {
            this.AddItem=AddItem
            this.SetSplitStr=SetSplitStr
            this.ShowMenu=ShowMenu
        }
        
        //**********************************************************************
        //Function:   AddItem ()
        //Arguments:  p_ItemPos  --  指向父菜单ID的指针 
        //            ItemText   --  菜单文本
        //            ItemLink   --  菜单指向的链接
        //            ItemPos    --  菜单ID
        //Purpose:    增加一个菜单栏目.
        //**********************************************************************    
        function AddItem(p_ItemPos,ItemText,ItemLink,ItemPos)
        {
            var i=0
            var LinkStr="<a href='"+ItemLink+"'>"+ItemText+"</a>"
            if (isNaN(ItemPos) ||  isNaN(p_ItemPos))
            {
                document.write ("Navigation menu build error")
                return false
            }       
            MenuItem[ItemPos]=p_ItemPos+"$"+LinkStr
        }
        
        function SetSplitStr(Str)
        {
            SplitStr=Str
        }
        
        function ShowMenu(ItemPos)
        {
            var ShowStr=""
           
            while (1)
            {
                MenuStr=(MenuItem[ItemPos]+"") .split("$")             
                if (MenuStr[0]=="-1")
                    ShowStr=MenuStr[1]+ShowStr                  //菜单显示样式，可修改
                else
                    ShowStr=SplitStr+MenuStr[1]+ShowStr         //菜单显示样式，可修改
                ItemPos=MenuStr[0]
                if (ItemPos=="-1")
                    break;
                
            }
            document.write (ShowStr)
        }
        
        SetSplitStr(" --> ")                     //设置分隔符
        
        AddItem(-1,"考网论坛","index.asp",0)    //添加首菜单
        AddItem(0,"考友必读","index.asp",1)     //添加一级子菜单
        AddItem(1,"等级考试必读","index.asp",2)
        AddItem(1,"水平考试必读","index.asp",3)
        
        
        //ShowMenu(3)                        //调用演示
     
     
     /***************************************************************************
      使用说明
      SetSplitStr 设置显示时使用的分割符号
      生成导航菜单，在该脚本末使用 AddItem()增加菜单栏目
      首项菜单的p_ItemPos 必须为 -1 ItemPos 为 0
      子分类菜单定义的p_ItemPos 应为父菜单的 ItemPos
      ItemPos 最好应保持序号连续性
      使用 ShowMenu() 调用菜单显示，参数为欲显示的最末级菜单ItemPos
      将显示前面相关父菜单内容，
      将KWmenu.js 拷贝到相关目录
      在需调用页面HTML页码中输入 
          <SCRIPT LANGUAGE=javascript src="KWmenu.js">< /SCRIPT> 注意路径
      在需调用页面HTML页码中输入 
         <SCRIPT LANGUAGE=javascript > ShowMenu(ItemPos) < /SCRIPT>
      将显示ItemPos指定的菜单ID的菜单项，及父菜单项
      也可以在页面上使用SetSplitStr()来重新设定分隔符，
     */
    //-->
      

  4.   

    调用实例<HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    </HEAD>
    <BODY>
    <SCRIPT LANGUAGE=javascript src="KWmenu.js"></SCRIPT><P>&nbsp;</P>
    <SCRIPT LANGUAGE=javascript >ShowMenu(3)</SCRIPT></BODY>
    </HTML>补充 菜单是偶写的，不过qq 328646已经不是我的了 被偷了，5555