简单实现js悬浮导航效果

本文实例为大家分享了js悬浮导航的具体代码，供大家参考，具体内容如下

 
 
 
  * {
   margin: 0px;
   padding: 0px;
  }
  ul li{
   list-style: none;
  }
  body{
   height: 2000px;
  }
  #top{
   height: 300px;
   width: 100%;
   background-color: red;
  }
  #nav{
   height: 50px;
   line-height: 50px;
   width: 100%;
   background-color: pink; 
  }
  #nav ul{
   width: 1200px;
   margin: 0 auto;
  }
  #nav ul li{
   float: left;
   width: 164px;
   text-align: center;
  }
 


 
  顶部
 
 
  

   
首页
   
首页
   
首页
   
首页
   
首页
   
首页
   
首页
  
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。