鼠标移入移出的下拉框

<script type=”text/javascript”>
$(function() {
 $(“.navmenu”).mouseover(function() {
  $(this).children(“ul”).show();
 })
 $(“.navmenu”).mouseout(function() {
  $(this).children(“ul”).hide();
 })
})
</script>

 

<ul id=”jMenu” style=”position: absolute; z-index: 999″>
          
          <li class=”navmenu”>
     <a>领导入口</a>
     <ul class=”second-nav”>
      <li>
       <a title=”校长查询” href=”#”>校长查询</a>
      </li>
      <li>
       <a title=”院长查询” href=”#”>院长查询</a>
      </li>
      <li>
       <a title=”部门查询” href=”#”>部门查询</a>
      </li>
      <li>
       <a title=”分析平台” href=”#”>分析平台</a>
      </li>
     </ul>
    </li>
     <li class=”navmenu”>
     <a>业务入口</a>
     <ul class=”second-nav”>
      <li>
       <a title=”校长查询” href=”#”>校长查询</a>
      </li>
      <li>
       <a title=”院长查询” href=”#”>院长查询</a>
      </li>
      <li>
       <a title=”部门查询” href=”#”>部门查询</a>
      </li>
      <li>
       <a title=”分析平台” href=”#”>分析平台</a>
      </li>
     </ul>
     
    </li>
       <li class=”navmenu”>
     <a >我的选房</a>
     <ul>
      <li >
       <a href=” “>选择区块</a>
      </li>
      <li >
       <a href=” “>个人资料</a>
      </li>
      <li >
       <a href=” “>排队报名</a>
      </li>
      <li >
       <a href=” “>轮候选房</a>
      </li>
      <li >
       <a href=” “>选房流程 </a>
      </li>
     </ul>
    </li>
       <li>
     <a class=”fNiv5″>联系我们</a>
    </li>
   </ul>

 

IT文库 » 鼠标移入移出的下拉框
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址