zoukankan      html  css  js  c++  java
  • 二级菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
        /*基本设置*/
        a{
            text-decoration:none;
            font-size:36px;
            display:block;
            color:#000;}
        a:link{
            color:#000;}
        a:visited{
            color:#000;}
        a:hover{
            color:#C00;}
        a:active{
            color:#000;}
        li{
            list-style:none;}
        /*一级菜单设置*/
        #demo li{
            float:left;
            margin-right:50px;}
        /*二级菜单设置*/
        #demo li ul{
            display:none;/*初始状态:不可见*/
            position:absolute;
            padding:0;}
        #demo li ul li{
            float:none;}
        /*鼠标滑过一级菜单,显示对应的二级菜单*/
        #demo li:hover ul{
            display:block;}
    </style>
    </head>
    
    <body>
    
    <ul id="demo">
        <li>
            <a href="#" class="one">网络1603</a>
            <ul>
                <li><a href="#" class="two">第四组</a></li>
                <li><a href="#" class="two">第五组</a></li>
                <li><a href="#" class="two">第六组</a></li>
            </ul>
        </li>
        <li>
            <a href="#" class="one">网络1604</a>
            <ul>
                <li><a href="#" class="two">第一组</a></li>
                <li><a href="#" class="two">第二组</a></li>
                <li><a href="#" class="two">第三组</a></li>
            </ul>
        </li>
    </ul>
    
    </body>
    </html>
  • 相关阅读:
    supervisor 配置
    单链表
    二叉排序树
    python 排序
    64 位 Ubuntu 下 android adb 不可用解决方法
    python 获取文件夹大小
    Ubuntu mongodb 安装和配置
    关于c3p0配置详细说明
    dwr消息推送
    关于如果修改 ie 浏览器 文本模式
  • 原文地址:https://www.cnblogs.com/jinyufanfan/p/6283504.html
Copyright © 2011-2022 走看看