案例7 新浪下拉菜单

案例：
当鼠标经过一个div时候，就显示下拉菜单，不经过就隐藏

//当鼠标经过一个div时候，就显示下拉菜单，不经过就隐藏
<div class="all">
          <div class="nav">
               企业用户
          </div>
          <div class="sec">
               <li>1</li>
               <li>2</li>
               <li>3</li>
               <li>4</li>
               <li>5</li>
          </div>
          <div class="main">

          </div>
     </div>
     <script>
          var sec=document.querySelector('.sec');
          var nav=document.querySelector('.nav');

          nav.onmouseover=function(){
               sec.style.display='block';
          }
          nav.onmouseout=function(){
               sec.style.display='none';
          }

     </script>