脚本显示子菜单

最新推荐文章于 2024-10-11 17:39:47 发布

y3wegy

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量681

点赞数

分类专栏： javascript 文章标签：脚本 function 公告 border javascript user

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

  <html> 
     <head> 
       <title> 
        javascript 
       </title> 
     <style type="text/css"> 
      #menu{ 
         border:1 solid red; 
         height:50; 
         width:380; 
      }   
     
        li{ 
          float:left; 
          border-right:1 solid gray; 
          border-left:1 solid gray; 
          padding-left:5; 
          padding-right:5; 
       } 
      #subcatalog{ 
         clear:left; 
         border:1 solid red; 
         width:333; 
      }  
       
       
     </style>    
  
     </head> 
     <body> 
    
         <div id=menu> 
            <ul> 
               <li id="user">用户管理 </li> <li id="board">板块管理 </li> <li id="affiche">公告管理 </li> <li id="msg">短信息 </li> 
               <li id="subcatalog"> </li>  
            </ul> 
         </div> 
       <!---------------------------javascript---------------------------->    
       <script type="text/javascript"> 
       var user=document.getElementById("user"); 
       var board=document.getElementById("board"); 
       var affiche=document.getElementById("affiche"); 
       var msg=document.getElementById("msg"); 
        
       var subuser=new Array("添加用户","修改用户","删除用户"); 
       var subboard=new Array("添加板块","修改板块","删除板块"); 
       var subaffiche=new Array("添加公告","修改公告","删除公告"); 
       var submsg=new Array("添加信息","修改信息","删除信息"); 
        
       var subcontent=document.getElementById("subcatalog"); 
        
       user.οnmοuseοver=function(){ 
           subcontent.innerText=arrayToString(subuser); 
       } 
        
       user.οnmοuseοut=function(){ 
         subcontent.innerText=""; 
        } 
        
       board.οnmοuseοver=function(){ 
         subcontent.innerText=arrayToString(subboard); 
       } 
        
       board.οnmοuseοut=function(){ 
         subcontent.innerText=""; 
        } 
         
       affiche.οnmοuseοver=function(){ 
          subcontent.innerText=arrayToString(subaffiche); 
       } 
        
             affiche.οnmοuseοut=function(){ 
         subcontent.innerText=""; 
        } 
       msg.οnmοuseοver=function(){ 
          subcontent.innerText=arrayToString(submsg); 
       } 
        msg.οnmοuseοut=function(){ 
         subcontent.innerText=""; 
        } 
        
       function arrayToString(array){ 
       var text=""; 
           for(var i=0;i <array.length;i++){ 
               temp=text; 
               text=temp+"|"+array[i]; 
               } 
               return text; 
       } 
        
     </script>     
       <!---------------------------javascript---------------------------->   
     </body> 
  </html>