xenon二级菜单

原创 2016年08月31日 00:34:24

1 引入样式文件

  • xenon-core.css
  • xenon-skins.css
  • bootstrap.min.css
  • font-awesome.min.css

2 引入js文件

  • jquery.js
  • xenon-custom.js
  • xenon-toggles.js
  • TweenMax.min.js
  • resizeable.js

3 dom结构


<body>
   <div class="page-container">
   <div class="col_side sidebar-menu toggle-others fixed">
        <ul id="panelbar" class="main-menu">
        <li class="active">

        <a href="">
            <i class="linecons-desktop">

            </i>
            <span class="title">知识库</span>
        </a>



        <ul style="display: block;">
            <li class=""><a href="/csmanager/knowledge/manager"> <span class="title">知识管理</span> </a></li>
        </ul>


        <ul style="display: block;">
            <li class=""><a href="/csmanager/knowledge/study"> <span class="title">智能学习</span> </a></li>
        </ul>


    </li>
        </ul>

    </div>
    </div>
</body>

Web前端开发实战2:二级下拉式菜单之JS实现

上一篇博文提到了二级下拉式菜单是用HTML和CSS实现的,我们这一篇来用JavaScript脚本实现下拉菜单的显 示和隐藏。使用 JavaScript方法实现我们需要用的知识有:         1)...
  • erlian1992
  • erlian1992
  • 2015年12月31日 14:04
  • 8863

jQuery结合PHP+MySQL实现二级联动下拉列表[实例]

二级联动的实现方法还真不少,实用性也很强,这里结合一个学生信息表的实例,来分享一下我的实现过程 实现原理:根据省份值的变动,通过jQuery把sf_id传给后台php文件处理,php通过查询...
  • zyu67
  • zyu67
  • 2015年08月09日 09:08
  • 2598

最简单js代码实现select二级联动下拉菜单(测试通过)

New Document //定义了城市的二维数组,里
  • jaray
  • jaray
  • 2016年10月12日 14:43
  • 4991

漂亮的jquery UI 渐变二级下拉导航菜单

  • 2016年11月10日 08:56
  • 47KB
  • 下载

二级组合菜单:ExpandableListAdapter+Spinner+CheckBox

  • 2017年06月18日 15:59
  • 272KB
  • 下载

jquery简单的二级下拉菜单.zip 带有完整的实例

  • 2017年11月15日 17:26
  • 15KB
  • 下载

jQuery网页左侧3D展开二级菜单

  • 2017年12月11日 14:23
  • 46KB
  • 下载

二级菜单代码

  • 2015年05月18日 23:34
  • 2KB
  • 下载

蓝色导航二级菜单

  • 2013年01月17日 15:39
  • 27KB
  • 下载

二级菜单简单切换

  • 2014年07月29日 17:48
  • 5KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:xenon二级菜单
举报原因:
原因补充:

(最多只允许输入30个字)