js这个二级导航怎么显示不出来呢？？

JavaScript041

js这个二级导航怎么显示不出来呢？？,第1张

经我修正现在可以运行了

<html>

    <head>

<style>

*{margin:0padding:0}

#area li{text-align:centerwidth:50pxheight:20pxlist-style-type:nonedisplay:blockfloat:leftbackground:green}

/* 修正1*/

#area>li>ul{display:none}

</style>

        <script>

window.onload=function(){

  var oArea=document.getElementById("area")

  // 修正2

  var len = oArea.children && oArea.children.length || 0

  // 修正3

  for(i=0i<leni++)

  {

oArea.children[i].onmouseover=function(){

   this.children[0] && (this.children[0].style.display="block")

}

oArea.children[i].onmouseout=function(){

   this.children[0] && (this.children[0].style.display="none")

}

  }

}

</script>

        <title></title>

    </head>

    <body>

        <div id="nav">

            <ul id="area">

                <li id="bj">北京

                <ul>

                    <li>宣武</li>

                    <li>西城</li>

                </ul></li>

                <li>河北</li>

            </ul>

        </div>

    </body>

</html>

设置二级导航字体颜色步骤如下：

1、引导做的导航栏HTML页必须加载bootstrap.min.css，bootstrap.min。js代码才能实现导航的效果。下图是完整的代码及效果图。

2、改变导航背景颜色，设置为黑色。给导航标签设置背景颜色为黑色，代码为背景：#000>。

3、改变导航选中栏目颜色，如“首页“设置为背景为红色。改变类名积极为newactive，并设置其背景颜色为红色。

4、改变“菜单”下的二级栏目，鼠标放上去的颜色。设置类名为下拉菜单>。

5、改变点击“菜单”，弹出二级栏目时的颜色。css代码是。navbar-default.navbar-nav>.open>：焦点{颜色：黑色，背景颜色：红色。}>。

6、改变导航栏默认文字的颜色。设置类名navbar-default下面一个标签的文字颜色为白色，代码是。navbar-default.navbar-nav>li>{颜色：#fff。}。