js代码实现微博导航栏

微博导航看起来很美观，实现起来也不麻烦，直接写代码了

   
    
    
    
    
      * {
 margin: 0px;
 padding: 0px
      }
      
#nav {
 line-height: 60px;
 list-style-type: none;
 background-color: #0000FF;
 text-align: center;
      }
      #nav a {
 color: white;
 text-decoration: none;
 display: block;
 width: 80px;
 font-size: 20px;
 font-weight: 800;
      }
      #nav a:hover {
 background-color: #ccc;
      }
      #nav li {
 background-color: blue;
 float: left;
 color: white;
 list-style-type: none;
      }
      #nav li ul {
 position: absolute;
 display: none;
 width: 130px;
      }
      .show {
 display: block;
      }
    
  
   
    

      

 首页
 

   

     全部广播
   
   

     好友
   
   

     关注
   
  

      

 微频道
 

   

     微频道1
   
   

     微频道2
   
  
      
      

 找人
 

   

     明星
   
   

     达人
   
  

      

 微群
 

   

     股票
   
  
      
     
  
 

以上代码就是用js实现微博导航栏，需要的朋友可以来参考下。