zoukankan      html  css  js  c++  java
  • 下拉菜单(jquery)

    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="utf-8" />
      <title></title>
      <style type="text/css">
       *{margin:0;padding:0;}
       #nav{background-color: #eee;height:40px;600px;margin:0 auto;}
       ul{list-style: none;}
       ul li{float:left;line-height: 40px;text-align: center;position:relative;}
       a{text-decoration: none;color: #000;display: block;padding: 0 10px;}
       a:hover{color:#fff; background-color: #666;}
       ul li ul li{float: none;background-color: #eee;margin-top:2px;}
       ul li ul{position:absolute;left:0;top:40px;display:none}
       ul li ul li a:hover{background-color: blue;}
      
      </style>
     </head>
     <body>
      <div id="nav">
       <ul >
        <li><a href="#">首页</a></li>
        <li class="submeu"><a href="#">课程大厅</a>
         <ul>
          <li><a href="#">javascript</a></li>
          <li><a href="#">jquery</a></li>
         </ul>
        </li>
        <li class="submeu"><a href="#">学习中心</a>
         <ul>
          <li><a href="#">视频学习</a></li>
          <li><a href="#">案例分析</a></li>
          <li><a href="#">交流平台</a></li>
         </ul>
        </li>
        <li><a href="#">经典案例</a></li>
        <li><a href="#">关于我们</a></li>
       </ul>
      </div>
      <script src="jquery/jquery-1.7.1.min.js"></script>
      <script type="text/javascript">
       $(function(){
        $(".submeu").mouseover(function(){
         $(this).children("ul").show();
        })
        $(".submeu").mouseover(function(){
         $(this).children("ul").hide();
        })
       })
      </script>
     </body>
    </html>

  • 相关阅读:
    flume+kafka+storm打通过程
    kafka入门
    hive执行更新和删除操作
    redis存储对象与对象序列化详解
    语音常识--语音信号的数字模型
    声源测向: TDOA-GCC-PATH方法
    【面试】如何比较一个类型【模板使用】【sizeof用法】
    【概括】C++11/14特性
    【面试】编译器为我们实现了几个类成员函数?(c++)
    语音信号处理常识【摘抄|自用】
  • 原文地址:https://www.cnblogs.com/xiaoqianliu/p/8555444.html
Copyright © 2011-2022 走看看