注意事項：二級菜單并非ul li ul嵌套，就是第一級的ul和li，只是將一級菜單和二級菜單分別寫兩個菜單style

注意事項：二級菜單并非ul li ul嵌套，就是第一級的ul和li，只是將一級菜單和二級菜單分別寫兩個菜單style

/*css代碼*/

                     /*這是一級菜單的style*/

.leftmenucontainer {                                         

         width: 70%;

         margin: 5px 5px 5px 10px;

         border: 1px solid #666;

   padding:5px 5px 5px 5px;

}

#menuleft {

         width: 140px;

         border: 1px solid #ccc;

   color: #505050;

         display: block;

         background: url(../images/menu3.gif);

         padding: 0 0 0 0;

         }

#menuleft li a {

           height: 32px;

           height: 24px;

           text-decoration: none;

         }

#menuleft li a:link,#menuleft li a:visited {

         color: #505050;

         display: block;

         background: url(../images/menu3.gif);

         padding: 8px 0 0 30px;

         }

#menuleft li a:hover,#menuleft li a:active {

         color: #013676;

         background: url(../images/menu3.gif) 0 -32px;

         padding: 8px 0 0 30px;

         }

                         /*這是二級菜單的style*/

#leftmenu2 {

         float:inherit;

         width: 140px;

         border-color: #D0D0D0;

         border-width: 1px;

         }

#leftmenu2 li a {

           height: 32px;

           height: 24px;

           text-decoration: none;

     BACKGROUND: url(../images/arrow.gif) no-repeat 8px 8px 8px 8px;

         }

#leftmenu2 li a:link, #leftmenu2 li a:visited {

         color: #FFF;

         background:   url(../images/menu5.gif);

         padding: 8px 0 0 30px;

         }

#leftmenu2 li a:hover, {

         color: #FFF;

         background:   url(../images/menu5.gif) 0 -32px;

         padding: 8px 0 0 30px;

         }

/*js代碼*//*將js代碼嵌入到<style></style>標(biāo)簽下方*/

<script language="JavaScript" type="text/JavaScript">

function change_view(obj_name)

                {

                   var aa=document.getElementById(obj_name);

                   if(aa.style.display=="")

                         {

                            aa.style.display="none";

                         }

                   else

                         {

                            aa.style.display="";

                         }