fieldset实现子菜单

最新推荐文章于 2024-09-17 13:42:29 发布

大真

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量478

点赞数

文章标签： url image javascript nested table class

本文链接：https://blog.csdn.net/dazhen520/article/details/1760168

版权

<% @   page contentType = " text/html;   charset=gb2312 " language = " java "
    import = " java.sql.* " errorPage = " error.jsp " %>
< html >
< head >
< title > Untitled Document </ title >
< meta http-equiv ="Content-Type" content ="text/html;   charset=gb2312" />

< script language ="JavaScript1.2" > 
   var    head = " photos/display:'' "
  img1 = new    Image()
  img1.src = " photos/fold.gif "
  img2 = new    Image()
  img2.src = " photos/open.gif "
   function    change(){
       if ( ! document.all)
             return
       if    (event.srcElement.id == " foldheader " )   {
             var    srcIndex    =    event.srcElement.sourceIndex
             var    nested    =    document.all[srcIndex + 1 ]
             if    (nested.style.display == " none " )   {
                  nested.style.display = ''
                  event.srcElement.style.liststyleImage = " url(photos/open.gif) "
            }
             else    {
                  nested.style.display = " none "
                  event.srcElement.style.liststyleImage = " url(photos/fold.gif) "
            }
      }
  }
  document.onclick = change
   </ script >

< style type ="text/css" > 
  li    {
  font-family :    "宋体",   "新宋体" ;
  font-size :    9pt ;
  line-height :    13pt ;
  margin-right :    5px ;
  cursor :    hand ;
   }
  #foldheader {
  cursor : hand ;
  list-style-image : url(photos/fold.gif) ;
  font-family :    "宋体",   "新宋体" ;
  font-size :    10pt ;
   }
  #foldinglist {
  list-style-image : url(photos/list.gif) ;
  font-family :    "宋体",   "新宋体" ;
  font-size :    9pt ;
   }
  BODY    {
  SCROLLBAR-FACE-COLOR :    #6699CC ;
  SCROLLBAR-HIGHLIGHT-COLOR :    #A6C4E1 ;
  SCROLLBAR-SHADOW-COLOR :    #A6C4E1 ;
  SCROLLBAR-3DLIGHT-COLOR :    #A6C4E1 ;
  SCROLLBAR-ARROW-COLOR :      #A6C4E1 ;
  SCROLLBAR-TRACK-COLOR :    #A6C4E1 ;
  SCROLLBAR-DARKSHADOW-COLOR :    #A6C4E1 ;
   }

  A                  {    text-decoration : none ;     }
  A:link                {    text-decoration : none ;      color :    #000066 ;       }
  A:visited          {    text-decoration : none ;      color :    #000033 ;       }
  A:hover              {
  text-decoration : underline ;
  color :    #FF0000 ;
   }
   </ style >

</ head >

< body bgcolor ="#CBDCED" leftmargin ="3" topmargin ="0" >

< table width ="15%" cellpadding ="0" cellspacing ="0" frame ="void"     align ="left" >< br >< br >< br >< br >< br >
     < tr >
         < td >
             < fieldset style ="width:100%" align ="left" >< legend >< a href =""
                target ="_blank" >< font size ="2" > 天时软件 </ font ></ a ></ legend >
             < dl class ="pt12normal" >
                 < li id ="foldheader" > 内容管理 </ li >
                 < dl id ="foldinglist" style ="display:none" >
                     < li >< a href ="customer_add.jsp" target ="mainFrame" > 警情通报 </ a ></ li >
                     < li >< a href ="customer_query.jsp" target ="mainFrame" > 内容管理 </ a ></ li >
                     < li >< a href ="menu.jsp#" onClick ="accountcust()" > 客户统计 </ a ></ li >
                 </ dl >
              < li    id ="foldheader" > 系统管理 </ li >
             < dl    id ="foldinglist"    style ="display:none" >
                 < li >< a    href ="contact_add.jsp"    target ="mainFrame"    class =black > 查看日志 </ a ></ li >
             </ dl >
                     < li id ="foldheader" > 网站管理 </ li >
                 < dl id ="foldinglist" style ="display:none" >
                     < li >< a href ="customer_add.jsp" target ="mainFrame" > 网站地图 </ a ></ li >
                 </ dl >

             </ fieldset >
         </ td >
     </ tr >
</ table >
</ body >
</ html >