下拉菜单_下拉菜单组件 - CSDN
下拉菜单 订阅
下拉菜单是计算机网页中的一种展示效果。 展开全文
下拉菜单是计算机网页中的一种展示效果。
信息
下拉菜单:
点击一个菜单时出现对应列表
具体表现
当用户选中一个选项后
中文名
下拉菜单
应    用
选单的一种表现形式
下拉菜单在计算机应用
在计算机应用中,下拉式选单是选单的一种表现形式。具体表现为:当用户选中一个选项后,该选单会向下延伸出具有其他选项的另一个选单。下拉式选单通常应用于把一些具有相同分类的功能放在同一个下拉式选单中,并把这个下拉式选单置于主选单的一个选项下。下拉菜单内的项目可以据需要设置为多选或单选,可以用来替代一组复选框(设置为多选)或单选框(设置为单选)。这样比复选框组或单选框组的占用位置小,但不如它们直观。
收起全文
精华内容
参与话题
  • 下拉菜单的两种实现方式:CSS和JS

    万次阅读 2017-05-28 10:15:37
    下拉菜单的简单介绍、源代码以及可能出现相关问题

    本文的下拉菜单核心是通过改变DISPLAY的值,来改变菜单的出现和隐藏.

    在此简单介绍DISPLAY:

    display:[参数] 属性定义:设置元素如何显示。

    参数:默认为inline,具体参数如下表。

    描述
    none 此元素不会被显示。
    block 此元素将显示为块级元素,此元素前后会带有换行符。
    inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
    inline-block 行内块元素。(CSS2.1 新增的值)
    list-item 此元素会作为列表显示。
    run-in 此元素会根据上下文作为块级元素或内联元素显示。
    compact CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
    marker CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。
    table 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符。
    inline-table 此元素会作为内联表格来显示(类似 <table>),表格前后没有换行符。
    table-row-group 此元素会作为一个或多个行的分组来显示(类似 <tbody>)。
    table-header-group 此元素会作为一个或多个行的分组来显示(类似 <thead>)。
    table-footer-group 此元素会作为一个或多个行的分组来显示(类似 <tfoot>)。
    table-row 此元素会作为一个表格行显示(类似 <tr>)。
    table-column-group 此元素会作为一个或多个列的分组来显示(类似 <colgroup>)。
    table-column 此元素会作为一个单元格列显示(类似 <col>)
    table-cell 此元素会作为一个表格单元格显示(类似 <td> 和 <th>)
    table-caption 此元素会作为一个表格标题显示(类似 <caption>)
    inherit 规定应该从父元素继承 display 属性的值。

    上表参考:http://www.w3school.com.cn/cssref/pr_class_display.asp

    较常用的参数有:inline、none、inline-block、block等,

    其中:

    inline:常用于无序列表ul,通常列表会默认列式排列(排成一列),使用inline后便可以行式排列(排成一行),也就是元素后面不带换行符高,行高及顶和底边距不可改变;宽度就是它的文字或图片的宽度,不可改变。 

    block:高度,行高以及顶和底边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度 PS:会使元素后面带一个换行符;
    inline-block:综合上述两点,使用它的同级元素会排成一行,并且拥有它父元素的宽度;

    一、通过CSS实现下拉菜单

    源代码:index.css

    *{
        margin:0;
        padding: 0;
    }
    #nav{
        width: 600px;
        height: 50px;
        margin: 0 auto;
        background-color: #eee;
        color: #fff;
    }
    ul{
        list-style: none;
    }
    #nav ul li{
        width:100px;
        text-align: center;
        line-height: 50px;
        float: left;
    }
    #nav ul li ul li{
        float:none;
        background-color: #eee;
        display:none;
    }
    #nav ul li a{
        display:block;
    }
    #nav ul li a:hover{
        background-color:#ee0;
    }
    #nav ul li:hover ul li{
        display:block;
    }




    源代码:index.html

    *{
        margin:0;
        padding: 0;
    }
    #nav{
        width: 600px;
        height: 50px;
        margin: 0 auto;
        background-color: #eee;
        color: #fff;
    }
    ul{
        list-style: none;
    }
    #nav ul li{
        width:100px;
        text-align: center;
        line-height: 50px;
        float: left;
    }
    #nav ul li ul li{
        float:none;
        background-color: #eee;
        display:none;
    }
    #nav ul li a{
        display:block;
    }
    #nav ul li a:hover{
        background-color:#ee0;
    }
    #nav ul li:hover ul li{
        display:block;
    }
    



    通过改变当鼠标没有放在导航栏中时,二级列表display属性为none,否则为block;


    二、JS实现下拉列表

    index.css

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>下拉菜单</title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <div id="nav">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">简介</a>
                    <ul>
                        <li><a href="">名称</a></li>
                        <li><a href="">获奖详情</a></li>
                    </ul>
                </li>
                <li><a href="">历史</a></li>
                <li><a href="">机构</a></li>
                <li><a href="">新闻</a></li>
                <li><a href="">关于我们</a></li>
            </ul>
        </div>
    </body>
    </html>
    源代码:script.js
    
    
    window.οnlοad=initAll;
    function initAll(){
        var menu=document.getElementById('li');
        var subMenu=document.getElementById('subnav');
        var subMenuLi=document.getElementById('subnav').getElementsByTagName('li');
        menu.οnmοuseοver=over;
        subMenu.οnmοuseοver=over;
        menu.οnmοuseοut=out;
        subMenu.οnmοuseοut=out;
        function over(){
            for(var i=0;i<subMenuLi.length;i++){
                subMenuLi[i].style.display="block";
            }
        }
        function out(){
            for(var i=0;i<subMenuLi.length;i++){
                subMenuLi[i].style.display="none";
            }
        }
    }
    
    
    
    

    源代码:index.html

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>下拉菜单</title>
        <link rel="stylesheet" href="index.css">
        <script src="script.js"></script>
    </head>
    <body>
        <div id="nav">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="" id="li">简介</a>
                    <ul id="subnav">
                        <li><a href="">名称</a></li>
                        <li><a href="">获奖详情</a></li>
                    </ul>
                </li>
                <li><a href="">历史</a></li>
                <li><a href="">机构</a></li>
                <li><a href="">新闻</a></li>
                <li><a href="">关于我们</a></li>
            </ul>
    
        </div>
    </body>
    </html>
    这里的主要问题在于JS文件中的
        menu.οnmοuseοver=over;		//鼠标在一级列表上面时,显示
        subMenu.οnmοuseοver=over;		//鼠标在二级列表上面时,显示
        menu.οnmοuseοut=out;		//鼠标在一级列表上面时,不显示
        subMenu.οnmοuseοut=out;		//鼠标在二级列表上面时,不显示

    如果没有第二行和第四行,就会出现不能点击二级列表的问题,也就是一旦鼠标离开一级列表,二级列表马上消失。
















    展开全文
  • 下拉菜单的实现方法

    2018-12-11 15:54:51
    点击元素(一般为按钮)出现下拉菜单(ul),将下拉菜单设置成display:none;通过为按钮定义jquery点击事件将下拉菜单(ul)可以设置为滑入滑出。 jquery代码 $(&quot;#button&quot;).click(function(){ //...

    点击元素(一般为按钮)出现下拉菜单(ul),将下拉菜单设置成display:none;通过为按钮定义jquery点击事件将下拉菜单(ul)可以设置为滑入滑出。
    jquery代码

    $("#button").click(function(){ //定义点击事件
    $(“ul”).slideToggle(200); //设置为滑入滑出
    })
    }//点击button , ul就会滑出

    展开全文
  • 网页特效之下拉菜单

    千次阅读 2018-09-04 21:58:00
    通过:hover伪类或onmouseenter事件在鼠标经过时改变二级菜单的display 关键知识::hover伪类/onmouseenter 1.纯静态版 具体代码: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &...

    思路:
    通过:hover伪类或onmouseenter事件在鼠标经过时改变二级菜单的display
    关键知识::hover伪类/onmouseenter
    1.纯静态版
    具体代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>下拉菜单</title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            ul {
                list-style: none;
            }
            .clearfix:after{/*清除浮动*/
                content: '';
                clear: both;
                display: block;
            }
            .box {
                width: 240px;
                margin: 100px auto;
            }
            
            .main {
                background: url(images/bg.jpg);
                height: 21px;
            }
            .main li{
                float: left;
                margin-left: 4px;
                background: url(images/libg.jpg) no-repeat;
                position: relative;
            }
            .main li:hover ul{
                display: block;/*关键*/
            }
            .main li ul{
                display: none;
                position: absolute;/*定位使其脱离标准文档流*/
            }
            .main li ul li{
                float: none;
                margin: 0;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <ul class="main clearfix">
                <li>一级菜单1
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
                <li>一级菜单2
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
                <li>一级菜单3
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
            </ul>
        </div>
    </body>
    </html>

    具体效果可见:下拉菜单(静态)

    2.JavaScript版
    onmouseenter和onmouseover区别:
    不论鼠标指针穿过被选元素或其子元素,都会触发onmouseover 事件。
    例:li有mouseover事件,它有子元素a,经过a时也会触发onmouseover
    只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
    注意:onmouseenter和onmouseleave配对
    可见实例:onmouseenter事件

    具体代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>下拉菜单</title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            ul {
                list-style: none;
            }
            .clearfix:after{
                content: '';
                clear: both;
                display: block;
            }
            .box {
                width: 240px;
                margin: 100px auto;
            }
            
            .main {
                background: url(images/bg.jpg);
                height: 21px;
            }
            .main li{
                float: left;
                margin-left: 4px;
                background: url(images/libg.jpg) no-repeat;
                position: relative;
            }
            .main li ul {
                display: none;
            }
            .main li ul{
                position: absolute;/*定位使其脱离标准文档流*/
            }
            .main li ul li{
                float: none;
                margin: 0;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <ul class="main clearfix">
                <li>一级菜单1
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
                <li>一级菜单2
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
                <li>一级菜单3
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
            </ul>
        </div>
        
    </body>
    <script>
        var main = document.getElementsByClassName("main")[0];
        var lis = main.children;
        for(var i=0;i<lis.length;i++){
            lis[i].onmouseenter = function(){
                this.children[0].style.display = "block";
            }
            lis[i].onmouseleave = function(){
                this.children[0].style.display = "none";
            }
        }
    </script>
    </html>

    具体效果可见:下拉菜单(js)

    3.jquery版
    具体代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>下拉菜单</title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            ul {
                list-style: none;
            }
            .clearfix:after{
                content: '';
                clear: both;
                display: block;
            }
            .box {
                width: 240px;
                margin: 100px auto;
            }
            
            .main {
                background: url(images/bg.jpg);
                height: 21px;
            }
            .main li{
                float: left;
                margin-left: 4px;
                background: url(images/libg.jpg) no-repeat;
                position: relative;
            }
            .main li ul{
                position: absolute;/*定位使其脱离标准文档流*/
                display: none;
            }
            .main li ul li{
                float: none;
                margin: 0;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <ul class="main clearfix">
                <li>一级菜单1
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
                <li>一级菜单2
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
                <li>一级菜单3
                    <ul>
                        <li>二级菜单1</li>
                        <li>二级菜单2</li>
                        <li>二级菜单3</li>
                    </ul>
                </li>
            </ul>
        </div>
    </body>
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script>
        // 法1
        // $(".main li").mouseenter(function(){
        //     console.log($(this));
        //     console.log($(this).children("ul"));
        //     $(this).children("ul").show();
        // });
        // $(".main li").mouseleave(function(){
        //     $(this).children("ul").hide();
        // })
        
        //法2
        // $(".main li").hover(function(){
        //     $(this).children("ul").show();
        // },function(){
        //     $(this).children("ul").hide();
        // })
        
        // 法3
         // $(".main li").hover(function(){
         //     var that = $(this).children("ul");
         //     var isShow = that.css('display');
         //     if(isShow == "block"){
         //         that.hide();
         //     }else{
         //         that.show();
         //     }
         // })
    
         //法4
         $(".main li").hover(function(){
             $(this).children("ul").slideToggle();
         })
    </script>
    </html>

    具体效果可见:下拉菜单(jquery)

    9.5改进jquery代码:

    $(".main li").hover(function(){
             $(this).children("ul").stop().slideToggle();
         })

    针对jquery中动画保留(即执行多次动画效果)的bug

    有关stop函数可参考:jQuery之stop

    展开全文
  • 下拉菜单的四种实现方式

    万次阅读 2018-08-06 15:14:30
    今日在做下拉菜单时思考实现下拉菜单的几种实现方式,现在对这几种实现方式进行总结。 1:改变下拉菜单的display /*HTML结构*/ &amp;lt;div id=&quot;container&quot;&amp;gt; &amp;lt;...

    这里写图片描述
    今日在做下拉菜单时思考实现下拉菜单的几种实现方式,现在对这几种实现方式进行总结。

    1:改变下拉菜单的display

    /*HTML结构,以下四种方法通用*/
    <div id="container">
        <ul id="con_ul" class="cleanfix">
            <li>首页</li>
            <li>关于我们</li>
            <li>
                新闻中心
                <ul id="drop">
                    <li><a href="">最新动态</a></li>
                    <li><a href="">视频中心</a></li>
                    <li><a href="">媒体报道</a></li>
                    <li><a href="">热点专题</a></li>
                    <li><a href="">媒体资料库</a></li>
                </ul>
            </li>
            <li>苏宁产业</li>
            <li>社会责任</li>
            <li>联系我们</li>
        </ul>
    </div>
    /*css样式,以下四种方法只是将改动部分进行展示*/
    #con_ul > li:hover{
                background-color: blue;
            }
            #drop{
                display: none;
                width: 120px;
                height:auto;
            }
            #drop > li{
                height: 30px;
                line-height: 30px;
                background-color: gray;
                list-style: none;
                text-align: left;
                padding-left: 20px;
            }
            #drop > li a{
                color: white;
                text-decoration: none;
            }
            #con_ul > li:nth-child(3):hover #drop{
                display: block;
            }

    这里写图片描述
    实现结果如图所示;嵌套在父元素li中的ul下拉菜单在调整好样式之后设置display:none;表示盒子框的样式为不显示。在伪类样式中添加display:block,表示当鼠标移动到此li上时,下拉菜单以block的形式进行显示。这就达到了下拉菜单的显示效果。

    2:改变透明度opacity

     #drop{
                width: 120px;
                height:auto;
                opacity: 0;
            }
     #con_ul > li:nth-child(3):hover #drop{
                opacity: 1;
            }

    分析:和改变display相类似,首先设计好样式之后为元素添加透明度为0,设置透明状态,在伪类中添加透明度opacity:1;即可将显示出下拉菜单。

    3:使用绝对定位

    /*主要css代码(其他部分和上边一样)*/
    #con_ul > li{
                float: left;
                height: 50px;
                width:100px;
                line-height: 50px;
                text-align: center;
                position: relative;
            }
            #drop{
                width: 120px;
                height:auto;
                position: absolute;
                left:-800px;
            }
            #con_ul > li:nth-child(3):hover #drop{
                left:auto;
            }

    同样实现效果;
    分析:首先给下拉菜单的父元素li设置一个relative的position,将下拉菜单整体进行绝对定位,left为负值将下拉菜单偏出html结构显现不出来,之后在hover伪类中将left设置为auto,鼠标移动到li时会使下拉菜单与同级元素进行自动定位达到左端对齐的效果。(left:0也可以。)

    4:下拉菜单height设置为0

    /*部分主要代码*/
    #con_ul > li{
                float: left;
                height: 50px;
                width:100px;
                line-height: 50px;
                text-align: center;
            }
       #drop{
                width: 120px;
                height:0;
                overflow: hidden;
            }
    #con_ul > li:nth-child(3):hover #drop{
                height: 150px; /*height: auto;*/
            }

    这里写图片描述
    简单的画了一个图来解释一下:在上边的代码中li的高度为50px,而标题中的内容的行高line-height也设置为50px。父元素的高度已经固定,并且被标题内容“新闻中心”填满。所以此时下拉菜单的显示原理为溢出父容器li。首先将下拉菜单的高度height设置为0px;并且增加overflow:hidden;此时下拉菜单被隐藏起来。在hover伪类中添加height:auto或者是固定高度;即可将下拉菜单在鼠标移动过去时显示出来。
    注意:有几个重点
    1:要明白当父容器的height为显式高度时此时下拉菜单的显示原理为溢出父容器;
    2:因为下拉菜单的height要设置为0px,所以一定要加上overflow:hidden;
    3:在伪类中使用height:auto和height:显式高度,在添加过渡效果的时候会产生不一样的渲染效果。

    拓展思考
    如果将父元素li的高度设置为auto。会有什么不同。

    #con_ul > li{
                float: left;
                height:auto;/*重点*/
                width:100px;
                line-height: 50px;
                text-align: center;
            }

    分析:在博客《width和height的100%和auto的区别以及height:100%无效的场景》中分析得到,只要包含块的高度没有显式指定,那么height:100%会当成auto解释;所以无论你子元素怎么去增加,父元素都会包裹住你的高度,不会溢出,
    此时下拉菜单的实现原理是:撑开父容器li,只是改变了一个属性就造成实现原理的不同!
    而且根据实验,这两种实现方式在添加过渡效果时将会造成一些有趣的色彩叠加现象,我会在接下来的博客中对这一现象做出一些猜想和总结。


    最后的总结

    1:display属性和opacity属性相对简单;
    2:使用绝对定位要对直接父元素进行相对定位;
    3:下拉菜单父元素的高度是auto还是显式高度,他两种的实现原理是截然不同的。
    4:注意总结方法,注意不同的场景,加油!

    展开全文
  • 各种前端框架的下拉菜单收集

    千次阅读 2019-02-20 16:05:24
    纯css、html实现(:hover display) element-ui(el-menu)
  • 经典DIV+CSS下拉菜单

    万次阅读 2018-07-27 18:55:08
    符合WEB标准的CSS下拉导航菜单布局及css下拉菜单模板   HTML代码如下 &lt;ul id="nav"&gt; &lt;li&gt;&lt;a href="###"&gt;div+css&lt;/a&gt; &...
  • HTML实例之下拉菜单

    千次阅读 2017-01-20 17:08:43
    当鼠标位于学院概况/学科建设/教师园地/学生园地中的任意一个时,弹出相应的下拉菜单。 基本思路:使用列表ul和li实现总体布局,通过li嵌套ul实现下拉菜单。html代码如下: 学院概况 <ul>
  • 史上最好用的多级下拉菜单, 功能丰富, UI 配置完备, 接口明确
  • 需求: 1:鼠标滑过,nav中的标题底色变为orange,并且显示底下的内容 2:鼠标离开,nav中的标题底色去除,并且隐藏的内容 HTML <nav> <ul> <li> <a href="#">... ...
  • 弹出菜单效果

    2014-07-08 10:40:00
    - (void)showPopoverAtPoint:(CGPoint)point inView:(UIView *)view withContentView:(UIView *)cView {  //self为弹出内容cView的superview self.boxFrame = cView.frame; self.contentView = cView;...
  • 纯css实现下拉菜单(超详细)

    万次阅读 多人点赞 2018-09-26 22:05:39
    纯css写下拉菜单(超详细) ps:博主第一次发文章,不足之处还请指出 话不多说,直接进入正题吧 用ul 和 li标签写一个关联结构(ul 和 li的父子关系浑然天成,一般的关联结构都用它们) &amp;amp;lt;ul class=&...
  • Angular实现下拉菜单多选 写这篇文章时,引用文章地址如下: http://ngmodules.org/modules/angularjs-dropdown-multiselect http://dotansimha.github.io/angularjs-dropdown-multiselect/#/ ...
  • Bootstrap完美select标签下拉菜单实现

    万次阅读 多人点赞 2018-08-25 14:00:01
    初级者使用bootstrap框架时,大部分对官方提供的下拉菜单dropdown组件不是很感冒! 所以,这里就提供简单原生下拉标签&amp;amp;amp;amp;amp;lt;select&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt...
  • Bootstrap 多级下拉菜单

    万次阅读 2018-03-08 11:15:51
    多级下拉菜单在很多时候,我们可能需要多级下拉菜单。在一个下拉菜单的某个菜单项中,再创建另一个下拉菜单,即可实现多级下拉菜单。只需为下拉菜单的任意 &lt;li&gt; 元素添加 .dropdown-submenu 的类,并...
  • 在编写网站过程中,导航条中下拉菜单功能十分常见。那么,今天就分享一下关于如何通过Bootstrap中JS插件来实现下拉菜单功能。 在官方文档中是这么形容下拉菜单插件的 翻译过来就是: 通过此插件您可以为...
  • bootstrap按钮下拉菜单

    千次阅读 2019-06-29 17:56:18
    使用 Bootstrap class 向按钮添加下拉菜单。向按钮添加下拉菜单,只需要简单地在一个 .btn-group 中放置按钮和下拉菜单即可。您也可以使用 <span class="caret"></span> 来指示按钮作为下拉菜单。 基本...
  • 竖导航下拉菜单、多级下拉菜单

    千次阅读 2017-05-24 16:57:30
    简单的下拉菜单 一、HTML <!DOCTYPE html> <title>menu <script
  • Bootstrap图标、下拉菜单、按钮组、按钮式下拉菜单

    万次阅读 多人点赞 2020-05-18 14:14:31
    1.图标使用 <span class="glyphicon glyphicon-search" aria-hidden="true"></span> .glyphicon 公共类 .glyphicon-search 相应的图标 aria-hidden="true" 意思是让图标只是显示,辅助...2.下拉菜单 ...
  • Axure -下拉菜单制作

    热门讨论 2012-06-23 11:23:58
    Axure -下拉菜单制作.rp http://blog.csdn.net/a215318036/article/details/7685729
  • 35+ 个免费下载的 HTML5&CSS3 下拉菜单

    千次下载 热门讨论 2014-03-14 08:20:16
    35+ 个免费下载的 HTML5&CSS3 下拉菜单
1 2 3 4 5 ... 20
收藏数 172,584
精华内容 69,033
关键字:

下拉菜单