精华内容
下载资源
问答
  • 多级 菜单 多级 菜单

    2010-02-05 17:24:29
    多级菜单! 很值得下载看看!资源免费,大家分享!!
  • 设计思路:最简单的查询全部分组数据,然后通过Java 程序控制分层问题,借用临时 Map 来快速定位父子分组关系噢~SQLDROP TABLE IF EXISTS `t_ac_api_group`;CREATE TABLE `t_ac_api_group` (`group_id` varchar(32) ...

    设计思路:最简单的查询全部分组数据,然后通过 Java 程序控制分层问题,借用临时 Map 来快速定位父子分组关系噢~

    SQL

    DROP TABLE IF EXISTS `t_ac_api_group`;

    CREATE TABLE `t_ac_api_group` (

    `group_id` varchar(32) NOT NULL COMMENT '分组Id',

    `group_name` varchar(30) NOT NULL COMMENT '分组名称',

    `group_pid` varchar(32) NOT NULL COMMENT '分组父Id',

    `group_type` tinyint(1) NOT NULL COMMENT '分组类型',

    `group_del` tinyint(1) NOT NULL,

    `group_createtime` datetime NOT NULL,

    `group_updatetime` datetime NOT NULL,

    PRIMARY KEY (`group_id`) USING BTREE

    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

    3981772dea9249e586262747d595ee77.jpg

    伪代码

    import com.baomidou.mybatisplus.annotation.*;

    import com.fasterxml.jackson.annotation.JsonInclude;

    import lombok.AllArgsConstructor;

    import lombok.Builder;

    import lombok.Data;

    import lombok.NoArgsConstructor;

    import java.time.LocalDateTime;

    import java.util.List;

    /**

    * @author Lux Sun

    * @date 2020/6/5

    */

    @Data

    @Builder

    @NoArgsConstructor

    @AllArgsConstructor

    @TableName("t_ac_api_group")

    public class ApiGroupPO {

    @TableId(type = IdType.ASSIGN_UUID)

    private String groupId;

    private String groupName;

    private String groupPid;

    private Integer groupType;

    @TableField(exist = false)

    private List groupList;

    @TableLogic

    @TableField(fill = FieldFill.INSERT, select = false)

    private Integer groupDel;

    @TableField(fill = FieldFill.INSERT)

    private LocalDateTime groupCreatetime;

    @TableField(fill = FieldFill.INSERT_UPDATE)

    private LocalDateTime groupUpdatetime;

    }

    /**

    * [OK]

    * 获取根分组集

    * @return

    */

    @Override

    public List getGroupListByType() {

    QueryWrapper qw = new QueryWrapper<>();

    qw.orderByDesc(Const.Group.COLUMN_GROUPUPDATETIME);

    List apiGroupPoList = groupDao.selectList(qw);

    apiGroupPoList = dealApiGroupLayer(apiGroupPoList);

    return apiGroupPoList;

    }

    /**

    * [OK]

    * 处理分组层级

    * @param apiGroupList

    */

    private List dealApiGroupLayer(List apiGroupList) {

    Map id2GroupMap = apiGroupList.stream().collect(Collectors.toMap(ApiGroupPO::getGroupId, apiGroupPO -> apiGroupPO));

    List finalApiGroupPoList = Lists.newArrayList();

    for (ApiGroupPO apiGroupPo : apiGroupList) {

    String groupPid = apiGroupPo.getGroupPid();

    if (Const.Group.VAL_GROUPPIDROOT.equals(groupPid)) {

    finalApiGroupPoList.add(apiGroupPo);

    continue;

    }

    ApiGroupPO apiParentGroupPo = id2GroupMap.get(groupPid);

    // 如果为空, new List 赋值过去; 不为空也不影响, 大不了自己 set 自己一下

    apiParentGroupPo.setGroupList(Optional.ofNullable(apiParentGroupPo.getGroupList()).orElse(Lists.newArrayList()));

    apiParentGroupPo.getGroupList().add(apiGroupPo);

    }

    return finalApiGroupPoList;

    }

    展开全文
  • 多级菜单样式

    2013-08-20 08:19:22
    多级菜单样式
  • # print("Value : ",dict3.__contains__('name')) #查字典内是否有'name这'个键 # print("Value : ",dict3.__contains__('sex')) # 将多级菜单进退 用一个循环实现 certent_level = china #当前字典名称 初始值为...

    # user/bin/env python3

    # -*- coding:utf-8 -*-

    QI = ['桃山区','新兴区','茄子河']

    HA = ['道里区','南岗区','道外区']

    DA = ['龙凤','萨尔图','让胡路']

    HEI ={'七台河':QI,'哈尔滨':HA,'大庆':DA}

    CHANG =['南关','朝阳','绿园']

    SI = ['铁西','铁东','公主岭']

    TONG = ['东昌','二道','吉安']

    JI = {'长春':CHANG,'四平':SI,'通化':TONG}

    SHEN = ['和平''大东''于洪']

    DL = ['中山','西岗','沙河口']

    AN = ['立山','千山','海城']

    LIAO = {'沈阳':SHEN,'大连':DL,'鞍山':AN}

    china = {'黑龙江':HEI,'吉林':JI,'辽宁':LIAO}

    #

    # nb = True

    # #循环判定条件 用于退出多级循环

    #

    # while nb:

    # for i in china: #打印 省级名单

    # print(i)

    # province = input('输入你想查询的省:(输入e退出程序)\n') #输入想查询的省份名

    # if province == 'e':

    # break

    # if not china.__contains__(province): #检查字典内是否有当前被输入的省份名

    # print('查无此省')

    # continue

    # while nb:

    # for j in china[province] : #打印市级名单

    # print(j)

    # city = input('输入你想查询的市:(输入q返回上级、输入e退出程序)\n')

    # if city == 'q':

    # break

    # if city == 'e': #将所有循环的条件改为False所以可以跳出多级循环

    # nb = False

    # if not china[province].__contains__(city):

    # print('查无此市')

    # continue

    # while nb:

    # for k in china[province][city]: #打印县级名单

    # print(k)

    # back = input('输入q返回上级、输入e退出程序\n')

    # if back == 'q':

    # break

    # if back == 'e':

    # nb = False

    # dict3 = {'name':'z','Age':7,'class':'First'};

    # print("Value : ",dict3.__contains__('name')) #查字典内是否有'name这'个键

    # print("Value : ",dict3.__contains__('sex'))

    # 将多级菜单进退 用一个循环实现

    certent_level = china #当前字典名称 初始值为最大值

    list = [] #储存上层字典的名称

    while True:

    for i in certent_level: #打印当前字典的键

    print(i)

    choise = input('输入查询内容')

    if choise in certent_level: #如果字典中有该键的话

    list.append(certent_level) #将本层字典记录在list当中

    certent_level = certent_level[choise] #将本层字典的值 下层字典的键赋值给当层字典

    elif choise == 'b': #如果输入内容为b

    if len(list) != 0:

    certent_level = list[-1] #将列表中最后记录的字典赋值给当前字典

    list.pop() #删除列表的最后一层

    else :

    print('已是最顶层')

    elif choise == 'q': #退出程序

    break

    else :

    print('查无此内容')

    一键复制

    编辑

    Web IDE

    原始数据

    按行查看

    历史

    展开全文
  • css多级菜单Office Style CSS3 Multilevel Menu Office Style CSS3多级菜单 In our new tutorial I will give you another one brilliant crossbrowser css3 navigation menu. This is click action drop down menu...

    css多级菜单

    Office Style CSS3 Multilevel Menu
    Office Style CSS3 Multilevel Menu

    Office Style CSS3 Multilevel Menu

    Office Style CSS3多级菜单

    In our new tutorial I will give you another one brilliant crossbrowser css3 navigation menu. This is click action drop down menu with strict office styles (like MS Office styles). Also, you can also use different icons in this menu. This solution is ideal for business websites. If you are ready, lets start.

    在我们的新教程中,我将为您提供另一个出色的跨浏览器css3导航菜单。 这是具有严格办公样式(例如MS Office样式)的单击操作下拉菜单。 另外,您也可以在此菜单中使用不同的图标。 该解决方案是商业网站的理想选择。 如果您准备好了,那就开始吧。

    This is our final result:

    这是我们的最终结果:

    Office Style CSS3 Multilevel Menu

    Office Style CSS3 Multilevel Menu

    Here are samples and downloadable package:

    以下是示例和可下载的软件包:

    现场演示
    打包下载

    Ok, download the sources and lets start coding !

    好的,下载源代码并开始编码!

    步骤1. HTML (Step 1. HTML)

    Please point your attention to prepared HTML layout of our multilevel menu. This is usual UL-LI based multilevel navigation menu. Of course, the most interesting thing is CSS styles.

    请注意我们的多级菜单HTML布局。 这是通常基于UL-LI的多级导航菜单。 当然,最有趣的是CSS样式。

    index.html (index.html)

    
    <div id="nav">
        <ul>
            <li><span tabindex="1">File</span>
                <ul>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />New</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Open</a></li>
                    <li><a href="#"><img src="images/icon3.gif" alt="" />Close</a></li>
                    <li><span tabindex="1"><img src="images/icon4.gif" alt="" />Save</span>
                        <ul>
                            <li><span tabindex="1"><img src="images/icon4.gif" alt="" />Option 1</span>
                                <ul>
                                    <li><a href="#"><img src="images/icon1.gif" alt="" />Option A</a></li>
                                    <li><a href="#"><img src="images/icon2.gif" alt="" />Option B</a></li>
                                    <li><a href="#"><img src="images/icon3.gif" alt="" />Option C</a></li>
                                </ul>
                            </li>
                            <li><a href="#"><img src="images/icon2.gif" alt="" />Option 2</a></li>
                            <li><a href="#"><img src="images/icon3.gif" alt="" />Option 3</a></li>
                        </ul>
                    </li>
                    <li><a href="#"><img src="images/icon5.gif" alt="" />Save As</a></li>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />Print</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Exit</a></li>
                </ul>
            </li>
            <li><span tabindex="1">Edit</span>
                <ul>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />Cut</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Copy</a></li>
                    <li><a href="#"><img src="images/icon3.gif" alt="" />Paste</a></li>
                </ul>
            </li>
            <li><span tabindex="1">View</span>
                <ul>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />Normal</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Web Layout</a></li>
                    <li><a href="#"><img src="images/icon3.gif" alt="" />Print Layout</a></li>
                </ul>
            </li>
            <li><a href="#">Insert</a></li>
            <li><a href="#">Format</a></li>
            <li><a href="#">Tools</a></li>
            <li><a href="#">Table</a></li>
            <li><a href="#">Window</a></li>
            <li><a href="https://www.script-tutorials.com/">Help</a></li>
            <img class="close" src="images/spacer.gif" alt="" />
        </ul>
    </div>
    
    
    <div id="nav">
        <ul>
            <li><span tabindex="1">File</span>
                <ul>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />New</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Open</a></li>
                    <li><a href="#"><img src="images/icon3.gif" alt="" />Close</a></li>
                    <li><span tabindex="1"><img src="images/icon4.gif" alt="" />Save</span>
                        <ul>
                            <li><span tabindex="1"><img src="images/icon4.gif" alt="" />Option 1</span>
                                <ul>
                                    <li><a href="#"><img src="images/icon1.gif" alt="" />Option A</a></li>
                                    <li><a href="#"><img src="images/icon2.gif" alt="" />Option B</a></li>
                                    <li><a href="#"><img src="images/icon3.gif" alt="" />Option C</a></li>
                                </ul>
                            </li>
                            <li><a href="#"><img src="images/icon2.gif" alt="" />Option 2</a></li>
                            <li><a href="#"><img src="images/icon3.gif" alt="" />Option 3</a></li>
                        </ul>
                    </li>
                    <li><a href="#"><img src="images/icon5.gif" alt="" />Save As</a></li>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />Print</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Exit</a></li>
                </ul>
            </li>
            <li><span tabindex="1">Edit</span>
                <ul>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />Cut</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Copy</a></li>
                    <li><a href="#"><img src="images/icon3.gif" alt="" />Paste</a></li>
                </ul>
            </li>
            <li><span tabindex="1">View</span>
                <ul>
                    <li><a href="#"><img src="images/icon1.gif" alt="" />Normal</a></li>
                    <li><a href="#"><img src="images/icon2.gif" alt="" />Web Layout</a></li>
                    <li><a href="#"><img src="images/icon3.gif" alt="" />Print Layout</a></li>
                </ul>
            </li>
            <li><a href="#">Insert</a></li>
            <li><a href="#">Format</a></li>
            <li><a href="#">Tools</a></li>
            <li><a href="#">Table</a></li>
            <li><a href="#">Window</a></li>
            <li><a href="https://www.script-tutorials.com/">Help</a></li>
            <img class="close" src="images/spacer.gif" alt="" />
        </ul>
    </div>
    
    

    步骤2. CSS (Step 2. CSS)

    Here are the CSS styles of our click action dropdown menu.

    以下是我们的点击操作下拉菜单CSS样式。

    css / menu.css (css/menu.css)

    
    #nav {
        position:relative;
        z-index:2;
    }
    #nav ul {
        background-color:#B8D1F8;
        border:1px solid #000C80;
        height:24px;
        list-style:none outside none;
        margin:0;
        padding:1px;
    }
    #nav ul ul {
        background-color:#FFFFFF;
        border:1px solid #8A867A;
        display:none;
        height:auto;
        left:0;
        padding:0;
        position:absolute;
        top:25px;
        width:168px;
        background-image:-webkit-gradient(left center , #F8FAFF 0%, #B8D1F8 15%, #FFFFFF 15%, #FFFFFF 100%);
        background-image:-moz-linear-gradient(left center , #F8FAFF 0%, #B8D1F8 15%, #FFFFFF 15%, #FFFFFF 100%);
    }
    #nav ul ul ul {
        display:none;
        left:168px;
        position:absolute;
        top:-1px;
        width:168px;
    }
    #nav ul li {
        float:left;
        margin-right:1px;
        position:relative;
    }
    #nav ul li a {
        border:1px solid #B8D1F8;
        color:#000;
        cursor:default;
        display:block;
        font:11px Tahoma,Arial;
        padding:3px 3px 4px;
        text-decoration:none;
    }
    #nav ul li span {
        background:url("../images/u.gif") no-repeat scroll 90% center transparent;
        border:1px solid #B8D1F8;
        color:#000;
        cursor:default;
        display:block;
        font:11px Tahoma,Arial;
        padding:3px 14px 4px 3px;
        position:relative;
    }
    #nav ul ul li span {
        background:url("../images/s.gif") no-repeat scroll 97% center transparent;
    }
    #nav ul ul li {
        float:none;
        margin-right:0;
        padding:1px;
        text-indent:10px;
    }
    #nav ul ul li a,#nav ul ul li span {
        border:1px solid transparent;
        padding:3px 3px 5px 2px;
    }
    #nav ul ul li a img,#nav ul ul li span img {
        border-width:0;
        float:left;
        margin-right:5px;
        vertical-align:middle;
    }
    #nav ul li:hover > a,#nav ul li:hover > span {
        background-color:#FFF2C8;
        border:1px solid #000C80;
        color:#000;
    }
    #nav img.close {
        display:none;
        height:100%;
        left:0;
        position:fixed;
        top:0;
        width:100%;
        z-index:-1;
    }
    #nav ul li span:focus + ul,#nav ul li ul:hover,#nav ul:hover + img.close {
        display:block;
    }
    
    
    #nav {
        position:relative;
        z-index:2;
    }
    #nav ul {
        background-color:#B8D1F8;
        border:1px solid #000C80;
        height:24px;
        list-style:none outside none;
        margin:0;
        padding:1px;
    }
    #nav ul ul {
        background-color:#FFFFFF;
        border:1px solid #8A867A;
        display:none;
        height:auto;
        left:0;
        padding:0;
        position:absolute;
        top:25px;
        width:168px;
        background-image:-webkit-gradient(left center , #F8FAFF 0%, #B8D1F8 15%, #FFFFFF 15%, #FFFFFF 100%);
        background-image:-moz-linear-gradient(left center , #F8FAFF 0%, #B8D1F8 15%, #FFFFFF 15%, #FFFFFF 100%);
    }
    #nav ul ul ul {
        display:none;
        left:168px;
        position:absolute;
        top:-1px;
        width:168px;
    }
    #nav ul li {
        float:left;
        margin-right:1px;
        position:relative;
    }
    #nav ul li a {
        border:1px solid #B8D1F8;
        color:#000;
        cursor:default;
        display:block;
        font:11px Tahoma,Arial;
        padding:3px 3px 4px;
        text-decoration:none;
    }
    #nav ul li span {
        background:url("../images/u.gif") no-repeat scroll 90% center transparent;
        border:1px solid #B8D1F8;
        color:#000;
        cursor:default;
        display:block;
        font:11px Tahoma,Arial;
        padding:3px 14px 4px 3px;
        position:relative;
    }
    #nav ul ul li span {
        background:url("../images/s.gif") no-repeat scroll 97% center transparent;
    }
    #nav ul ul li {
        float:none;
        margin-right:0;
        padding:1px;
        text-indent:10px;
    }
    #nav ul ul li a,#nav ul ul li span {
        border:1px solid transparent;
        padding:3px 3px 5px 2px;
    }
    #nav ul ul li a img,#nav ul ul li span img {
        border-width:0;
        float:left;
        margin-right:5px;
        vertical-align:middle;
    }
    #nav ul li:hover > a,#nav ul li:hover > span {
        background-color:#FFF2C8;
        border:1px solid #000C80;
        color:#000;
    }
    #nav img.close {
        display:none;
        height:100%;
        left:0;
        position:fixed;
        top:0;
        width:100%;
        z-index:-1;
    }
    #nav ul li span:focus + ul,#nav ul li ul:hover,#nav ul:hover + img.close {
        display:block;
    }
    
    

    Less than 100 lines of code, it’s great, isn’t it?

    少于100行代码,这很好,不是吗?

    现场演示
    打包下载

    结论 (Conclusion)

    Hope you enjoyed with our new CSS3 menu, don’t forget to tell thanks and leave a comment :) Good luck!

    希望您喜欢我们的新CSS3菜单,不要忘了感谢并发表评论:)祝您好运!

    翻译自: https://www.script-tutorials.com/office-style-css3-multilevel-menu/

    css多级菜单

    展开全文
  • Java codevar xmlRequest = null;function startRequest1(url) {if(window.ActiveXObject){xmlRequest=new ActiveXObject("Microsoft.XMLHTTP");}else if(window.XMLHttpRequest){xmlRequest=new XMLHttpRequest();...

    Java code

    var xmlRequest = null;

    function startRequest1(url) {

    if(window.ActiveXObject){

    xmlRequest=new ActiveXObject("Microsoft.XMLHTTP");

    }else if(window.XMLHttpRequest){

    xmlRequest=new XMLHttpRequest();

    }

    xmlRequest.onreadystatechange = getSelect1;

    xmlRequest.open("get",url,true);

    xmlRequest.send(null);

    }

    function startRequest2(url) {

    if(window.ActiveXObject){

    xmlRequest=new ActiveXObject("Microsoft.XMLHTTP");

    }else if(window.XMLHttpRequest){

    xmlRequest=new XMLHttpRequest();

    }

    xmlRequest.onreadystatechange = getSelect2;

    xmlRequest.open("get",url,true);

    xmlRequest.send(null);

    }

    function startRequest3(url) {

    if(window.ActiveXObject){

    xmlRequest=new ActiveXObject("Microsoft.XMLHTTP");

    }else if(window.XMLHttpRequest){

    xmlRequest=new XMLHttpRequest();

    }

    xmlRequest.onreadystatechange = getSelect3;

    xmlRequest.open("get",url,true);

    xmlRequest.send(null);

    }

    //一级联动

    function getSelect1() {

    if (xmlRequest.readyState == 4){

    if (xmlRequest.status == 200){

    var xmlDoc=xmlRequest.responseXML;

    var s2=document.getElementById("organSecond");

    var tag=xmlDoc.getElementsByTagName("organSecond");

    for(var j=s2.length;j>=0;j--){

    s2.options.remove(i);

    }

    for(var i=0;i

    var id=tag[i].childNodes[0].childNodes[0].nodeValue;

    var va=tag[i].childNodes[1].childNodes[0].nodeValue;

    var op=new Option(va,id);

    s2.options.add(op);

    }

    select2();

    }

    }

    }

    //二级联动

    function getSelect2() {

    if (xmlRequest.readyState == 4){

    if (xmlRequest.status == 200){

    var xmlDoc=xmlRequest.responseXML;

    var s3=document.getElementById("organThird");

    var tag=xmlDoc.getElementsByTagName("organThird");

    for(var j=s3.length;j>=0;j--){

    s3.options.remove(i);

    }

    for(var i=0;i

    var id=tag[i].childNodes[0].childNodes[0].nodeValue;

    var va=tag[i].childNodes[1].childNodes[0].nodeValue;

    var op=new Option(va,id);

    s3.options.add(op);

    }

    }

    }

    }

    function getSelect3() {

    if (xmlRequest.readyState == 4){

    if (xmlRequest.status == 200){

    var xmlDoc=xmlRequest.responseXML;

    var s4=document.getElementById("positionName");

    var tag=xmlDoc.getElementsByTagName("positionName");

    for(var j=s4.length;j>=0;j--){

    s4.options.remove(i);

    }

    for(var i=0;i

    var id=tag[i].childNodes[0].childNodes[0].nodeValue;

    var va=tag[i].childNodes[1].childNodes[0].nodeValue;

    var op=new Option(va,id);

    s4.options.add(op);

    }

    }

    }

    }

    function select1(){

    var id = document.getElementById("organFirst").value;

    var url= "/servlet/Second?id="+id+"&date="+(new Date().toString());

    startRequest1(url);

    }

    function select2(){

    var id = document.getElementById("organSecond").value;

    var url= "/servlet/Third?id="+id+"&date="+(new Date().toString());

    startRequest2(url);

    }

    function select3(){

    var id = document.getElementById("positionSort").value;

    var url= "/servlet/Position?id="+id+"&date="+(new Date().toString());

    startRequest3(url);

    }

    展开全文
  • 介绍在ASP.NET平台上,受用户权限驱动的多级Web菜单系统的一种实现方案:该菜单系统在一个特别设计的页面对象类中实现,具有传统Windows菜单风格,其所在的页面对象类可用作为其它Web页面对象的基类,可在不需要...
  • javascript编写web组件:多级菜单

    千次阅读 2009-09-13 18:34:00
    web上编写菜单一直是比较头疼的事情,要是有个类直接套用就好了,最近又要做网站了,烦人,要求做的还是多级菜单,唉,废话少说,遇到问题就要解决啊,看代码: function is(e, handler) { if (e.type !...
  • 这是一个相当炫的功能,让网页看起来像桌面程序,如window的开始菜单。实现原理基本和纯CSS相册差不多,但要注意的事项比较多,让我们一步步来吧。 先来一个非常简单的一级菜单与悬停效果。 <ul id="menu"> &...
  • 主要介绍了Shell实现多级菜单系统安装维护脚本实例分享,本文脚本用多级菜单实现管理WEB服务器、Mysql服务器、Nginx服器等,需要的朋友可以参考下
  • 纯CSS多级菜单

    2014-04-14 00:42:36
    纯CSS多级菜单2 这部分最后给出的成品效果比较惊人,也就是传说中的纯CSS六级菜单。这个东西最厉害的地方是兼容所有主流浏览器(IE6,IE8,Maxthon2.5,firefox3.5,opera10,safari4与chrome2),而一点CSS hack也...
  • 内容索引:脚本资源,jQuery,NotesForMenu,折叠菜单 jQuery NotesForMenu 是一款简洁的动画折叠型多级菜单,没有怎么美化,介绍了一种使用jQuery制作可折叠、可展开的多级菜单的方法,示例文档含有多个菜单实例,帮助...
  • 仿照淘宝实现了,多级菜单显示的功能,主要是定位和动态计算。
  • 内容索引:脚本资源,jQuery,伸展菜单,左侧菜单 jQuery 停靠在网页左侧的可伸展、隐藏的多级菜单,从功能上来说,酷似一个竖向排列的滑动门,最右侧的为母菜单,当鼠标放上的时候,像Flash一样滑出对应的子菜单项,...
  • 多级菜单

    2012-05-08 11:08:00
    //对于没有子项的菜单,统一设置 $("li:not(:has(ul))").css({ "cursor":"default", "list-style-image":"none" }); }); ul{ font-size:12px; font-family:Arial, Helvetica, sans-serif; } li{ padding...
  • 1.代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <...三级菜单</title> <style type="text/css"> .top-nav{ font-...
  • 内容索引:脚本资源,Ajax/JavaScript, JavaScript读取XML节点生成多级的网站导航菜单,鼠标放到中心主菜单,它就会依次展开每一级菜单,本菜单的重点实际上并不是让你使用这款菜单,而是向大家展示如何使Js认识XML...
  • CSS多级菜单

    2019-06-05 16:47:24
    这是一个相当炫的功能,让网页看起来像桌面程序,如window的开始菜单。实现原理基本和纯CSS相册差不多,但要注意的事项比较多,让我们一步步来吧。 先来一个非常简单的一级菜单与悬停效果。 <uli...
  • Bootstrap 多级下拉菜单

    万次阅读 2018-03-08 11:15:51
    多级下拉菜单在很多时候,我们可能需要多级下拉菜单。在一个下拉菜单的某个菜单项中,再创建另一个下拉菜单,即可实现多级下拉菜单。只需为下拉菜单的任意 &lt;li&gt; 元素添加 .dropdown-submenu 的类,并...
  • Jeecg使用多级菜单

    千次阅读 2017-03-24 16:48:25
    org.jeecgframework.web.system.service.MutiLangServiceI; import org.springframework.beans.factory.annotation.Autowired; /** * 动态菜单栏生成 * * @author 张代浩 * 获取是否有子节点不用查询...
  • HTML制作多级菜单_一级下拉菜单+二三级选项卡tab-移动到菜单上就切换选项卡.zip
  • layui递归生成多级菜单

    千次阅读 2019-08-18 16:10:51
    //desktop.js 显示菜单 $(function() { $('ul#side-menu').sidebarMenu({ data:ssh_menu_routes //这种形式是前端直接读取已有的json文件 //url: '/ssh/base/person-jsonMenu' //这种形式是请求后端来动态生成...
  • Windows自定义右键菜单,多级菜单

    千次阅读 2018-09-30 20:45:38
    有一个属性决定了是否是多级菜单模式: SubCommands(如果不创建多级的菜单,这个属性可以不加)  ### icon 继续创建一个字符串值,然后 输入 icon :这个属性决定了是否有图标(博主知道2中填法)  #### ...
  • Java实现多级菜单编写

    2021-01-31 20:13:08
    第一个任务是多级菜单的编写,对于大多数Java开发来讲,这都是一个再平常不过的功能了,由于原来业务性质原因,并没有做过,为此自己也通过查阅博客,完成了该功能,慢慢进步学习。记录一下,方便日后查阅,如果有...
  • 多级菜单 menu

    2014-03-18 11:51:00
    jquery menu: http://jqueryui.com/menu/ Kendo UI Demos http://demos.telerik.com/kendo-ui/web/menu/index.html?mvc http://demos.devexpress.com/MVCxNavigationAndLayoutDemos/Menu/Overview 转...
  • 如果您曾经在响应式网站上工作,那么毫无疑问... 在这种响应式导航方法中,我们将使用一种可以使用媒体查询和jQuery容纳大型多层导航菜单的方法,同时尝试使我们的标记简单而外部资源最少。 寻找快速解决方案? 如...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,251
精华内容 1,700
关键字:

多级菜单web