精华内容
下载资源
问答
  • 注意样式中的内容要自己添加的, 不是bootstrip的一部分, 否则dropdown-submenu 的内容无法显示的   <!DOCTYPE html> <html> <head> <meta charset="utf...

    注意样式中的内容要自己添加的, 不是bootstrip的一部分, 否则dropdown-submenu 的内容无法显示的

     

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
        <title>Bootstrap 实例 - 下拉菜单</title>
    	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    	<style>
    		.dropdown-submenu {  
        position: relative;  
    }  
      
    .dropdown-submenu>.dropdown-menu {  
        top: 0;  
        left: 100%;  
        margin-top: -6px;  
        margin-left: -1px;  
        -webkit-border-radius: 0 6px 6px 6px;  
        -moz-border-radius: 0 6px 6px;  
        border-radius: 0 6px 6px 6px;  
    }  
      
    .dropdown-submenu:hover>.dropdown-menu {  
        display: block;  
    }  
      
    .dropdown-submenu>a:after {  
        display: block;  
        content: " ";  
        float: right;  
        width: 0;  
        height: 0;  
        border-color: transparent;  
        border-style: solid;  
        border-width: 5px 0 5px 5px;  
        border-left-color: #ccc;  
        margin-top: 5px;  
        margin-right: -10px;  
    }  
      
    .dropdown-submenu:hover>a:after {  
        border-left-color: #fff;  
    }  
      
    .dropdown-submenu.pull-left {  
        float: none;  
    }  
      
    .dropdown-submenu.pull-left>.dropdown-menu {  
        left: -100%;  
        margin-left: 10px;  
        -webkit-border-radius: 6px 0 6px 6px;  
        -moz-border-radius: 6px 0 6px 6px;  
        border-radius: 6px 0 6px 6px;  
    }  
    	</style>
    </head>
    <body>
    
    <div class="container">
      <h2>下拉菜单</h2>
      <p>.dropdown 菜单用于指定下拉菜单,下拉菜单都包裹在 .dropdown 里。</p>
      <p>.dropdown-menu 类用于实际下拉菜单的创建。</p>
      <div class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">教程
        <span class="caret"></span></button>
        <ul class="dropdown-menu" id="ddmSSDW">
    	<li class="dropdown-submenu">
    		<a tabindex="-1" href="#">管理局</a>
    		<ul class="dropdown-menu">
    			<li>
    				<a tabindex="-1" href="#">局领导</a>
    			</li>
    			<li class="dropdown-submenu">
    				<a tabindex="-1" href="#">局机关</a>
    				<ul class="dropdown-menu">
    					<li><a tabindex="-1" href="#">局办公室</a></li>
    					<li><a tabindex="-1" href="#">发展规划处</a></li>
    					<li><a tabindex="-1" href="#">财务处</a></li>
    					<li><a tabindex="-1" href="#">人事教育处</a></li>
    					<li><a tabindex="-1" href="#">通航安全处</a></li>
    					<li><a tabindex="-1" href="#">设备技术处</a></li>
    					<li><a tabindex="-1" href="#">党委办公室</a></li>
    					<li><a tabindex="-1" href="#">纪检监察室</a></li>
    					<li><a tabindex="-1" href="#">工会办公室</a></li>
    				</ul>
    			</li>
    			<li class="dropdown-submenu">
    				<a tabindex="-1" href="#">直属单位</a>
    				<ul class="dropdown-menu">
    					<li class="dropdown-submenu">
    						<a tabindex="-1" href="#">通信信息中心</a>
    						<ul class="dropdown-menu">
    							<li><a tabindex="-1" href="#">监管系统部</a></li>
    							<li><a tabindex="-1" href="#">中心领导</a></li>
    							<li><a tabindex="-1" href="#">综合办</a></li>
    							<li><a tabindex="-1" href="#">技术办</a></li>
    							<li><a tabindex="-1" href="#">运维办</a></li>
    						</ul>
    					</li>
    				</ul>
    			</li>
    		</ul>
    	</li>
    </ul>
      </div>
    </div>
    
    </body>
    </html>

     

    展开全文
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
  • 22. jquery平滑效果黑色横向与纵向多级下拉菜单插件(支持5级) 23. jquery实现的动感菜单导航条源码 24. jquery实用滚动下拉菜单代码 25. jquery鼠标移动出现下拉菜单及提示特效代码 26. jquery外国滚动型多级展开...
  • 实例064 控制表格指定外边框不显示 实例065 背景颜色渐变的表格 实例066 表格隔行变色 实例067 表格隔列变色 实例068 鼠标经过表格时,显示提示信息 3.3 鼠标样式 实例069 显示自定义的鼠标形状 实例070 ...
  • 8-16更新说明:1,删除了功能菜单中的学期信息,因为我也知道这个菜单里要放什么内容,2.在添加信息里新增了批量导入功能,可以导入指定格式的Excel表格,这个功能调试了很久,因为PHPExcel包的位置一直没有放对,...
  • 实例301 带下拉菜单的工具栏 实例302 可调整按钮位置的工具栏 实例303 浮动工具栏 实例304 根据表中数据动态生成工具栏 实例305 利用CoolBar控件制作工具栏 实例306 自己制作工具栏 10.2 状态栏应用 实例307...
  • Excel VBA实用技巧大全 附书源码

    热门讨论 2010-10-08 18:59:24
    01044不显示警告信息对话框 01045设置使用的打印机 01046安装加载宏 01047利用GetOpenFilename方法获取文件名 01048利用GetOpenFilename方法获取某类型文件名 01049改变GetOpenFilename方法的默认路径 01050改变...
  • 14.5.3 为列表框、下拉菜单添加选项 14.5.4 动态添加表格内容 14.6 删除HTML元素 14.6.1 删除节点 14.6.2 删除列表框、下拉菜单的选项 14.6.3 删除表格的行或单元格 14.7 传统的DHTML模型 14.8 使用window...
  • cc实例248 按月查询数据 9.5 大小比较.c逻辑查询.c重复记录查询 cc实例249 查询数据大于指定条件的数据 cc实例250 NOT与谓词进行组合条件的查询 cc实例251 查询时不显示重复记录 9.6 排序.c分组统计 cc...
  • cc实例248 按月查询数据 9.5 大小比较.c逻辑查询.c重复记录查询 cc实例249 查询数据大于指定条件的数据 cc实例250 NOT与谓词进行组合条件的查询 cc实例251 查询时不显示重复记录 9.6 排序.c分组统计 cc...
  • 修改BUG:办公组件支持库打印进度对话框的标题和用户设置的内容不一致。 18. 修改BUG:办公组件静态编译后无法正常销毁。 19. 修改BUG:应用接口支持库“取内存容量信息()”命令不能正常处理大于2G的内存。 20. ...
  • 超旺软件最新单机版

    2019-04-13 01:06:33
    ※ 录单时,有时会出现录入的信息在“基本资料”里没有,为提高录单速度,可直接在弹出的窗口中按“新增”按钮添加新的商品档案(如下图),而需再返回“基本资料”菜单中添加。 3.2 进货订单查询 操作:...
  • 实例108 在查询结果中不显示重复记录 实例109 使用NOT查询不满足条件的记录 实例110 使用BETWEEN进行区间查询 实例111 使用关系运算符查询某一时间段的数据 实例112 计算两个日期间的月份数 第5章 复杂查询技术 5.1 ...
  • asp.net知识库

    2015-06-18 08:45:45
    如何传值在2个页面之间 :要求刷新父页面,并且能用Querystring传值 Asp.net地址转义(分析)加强版 Web的桌面提醒(Popup) Using the Popup Object Click button only once in asp.net 2.0 Coalesys PanelBar ...

空空如也

空空如也

1 2
收藏数 21
精华内容 8
关键字:

多级下拉菜单部分内容不显示