无序列表实现下拉

无序列表(Ul)实现下拉多选[Jquery方式]
2015-04-20 17:39:02
无序列表(Ul)实现下拉多选[Jquery方式]
收起
Jquery

无序列表实现导航下拉菜单

千次阅读 2012-12-08 12:20:56

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> css菜单演示 <!-- *{margin:0;padding:0;... font-family

<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
 font-family: arial, 宋体, serif;
        font-size:12px;
}
#nav {
  line-height: 24px;  list-style-type: none; background:#666;
}
#nav a {
 display: block; width: 80px; text-align:center;
}
#nav a:link  {
 color:#666; text-decoration:none;
}
#nav a:visited  {
 color:#666;text-decoration:none;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li {
 float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
 background:#999;
}
#nav li ul {
 line-height: 27px;  list-style-type: none;text-align:left;
 left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
 float: left; width: 180px;
 background: #F6F6F6;
}
#nav li ul a{
 display: block; width: 156px;text-align:left;padding-left:24px;
}
#nav li ul a:link  {
 color:#666; text-decoration:none;
}
#nav li ul a:visited  {
 color:#666;text-decoration:none;
}
#nav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#C00;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left;
}
-->
</style>
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
 var sfEls = document.getElementById("nav").getElementsByTagName("li");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].οnmοuseοver=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseDown=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].onMouseUp=function() {
  this.className+=(this.className.length>0? " ": "") + "sfhover";
  }
  sfEls[i].οnmοuseοut=function() {
  this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
  }
 }
}
window.οnlοad=menuFix;
//--><!]]></script>
</head>
<body>
<ul id="nav">
<li><a href="#">产品介绍</a>
 <ul>
 <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>
 <li><a href="#">产品一</a></li>
 </ul>
</li>
<li><a href="#">服务介绍</a>
 <ul>
 <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>
 <li><a href="#">服务二</a></li>
 </ul>
</li>
<li><a href="#">成功案例</a>
 <ul>
 <li><a href="#">案例三</a></li>
 <li><a href="#">案例</a></li>
 <li><a href="#">案例三案例三</a></li>
 <li><a href="#">案例三案例三案例三</a></li>
 </ul>
</li>
<li><a href="#">关于我们</a>
 <ul>
 <li><a href="#">我们四</a></li>
 <li><a href="#">我们四</a></li>
 <li><a href="#">我们四</a></li>
 <li><a href="#">我们四111</a></li>
 </ul>
</li>
<li><a href="#">在线演示</a>
 <ul>
 <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>
 <li><a href="#">演示演示</a></li>
 <li><a href="#">演示演示演示</a></li>
 <li><a href="#">演示演示演示演示演示</a></li>
 </ul>
</li>
<li><a href="#">联系我们</a>
 <ul>
 <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>
 <li><a href="#">联系联系联系</a></li>
 <li><a href="#">联系联系联系</a></li>
 </ul>
</li>
</ul>
</body>
</html>

收起

展开全文

HTML使用无序列表制作一级菜单和二级下拉菜单

千次阅读 2020-10-11 14:53:45

在日常的生活中，想必大家都接触过下拉菜单的使用，这样为我们提供了极大的方便，那么下面看一下如何来制作吧。 one： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

在日常的生活中，想必大家都接触过下拉菜单的使用，这样为我们提供了极大的方便，那么下面看一下如何来制作吧。 
one： 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>

        
		.menu{
			border: 1px solid red;
			width: 150px;
	        height: 300px;
			margin: 10px auto 0 ;
		    padding-left: 5px;
		    padding-right: 2px;  
		}
		.menu ul{
			margin: 0;
			padding: 0;
			list-style:none; 
			border: 1px solid red;    
		}
		.menu ul li{
			background: #CD661D;
			margin: 0;
			padding: 0 8px;
			height: 35px;
			line-height: 35px;
			border: 1px solid white;
		}
		.menu ul li a{
            text-decoration: none;
			color: white;	
			
		}
	    .menu li:hover{
          background: #6E6E6E;
	    }

	
            
    </style>

</head>

<body>
    
        <div class="menu">
                <ul>
                    <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>
                    <li><a href="#"> 相关链接 </a></li>
                </ul>
        </div>

</body>

</html>
 

 上面的制作的为一级菜单，当鼠标悬停在上面的时候，背景颜色会发生变化，而且悬停的时候，鼠标的样式也会发生变化，这是为什么呢？
 
  
two： 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

        <style>

                *{
                    margin: 0px;
                    padding: 0px;
                }

                ul{
                    width: 170px;
                    height: 300px;
                    margin: 10px auto;
                    background: url(images/bg.jpg) no-repeat;
                    padding-top: 190px;
                    color: #fff;
                }

                li{
                    width: 80px;
                    height: 40px;
                    text-align: center;
                    line-height: 40px;
                    border-bottom: 1px dotted #fff;
                    margin-left: 45px;
                }

                .noline{
                    border: none;
                }

                a{
                    color: #fff;
                    text-decoration: none;
                }
                /* a:hover{
                   color: greenyellow;
                } */

                li:hover{
                    background: indianred;
                }

                /* li:hover a{
                    color: hotpink;
                } */

        </style>

</head>
<body>

        <ul>
            <li><a href="#">服装鞋帽</a></li>
            <li><a href="#">数码家电</a></li>
            <li><a href="#">运动户外</a></li>
            <li><a href="#">孕婴用品</a></li>
            <li class="noline"><a href="#">厨卫家具</a></li>
        </ul>

</body>
</html>
 

  
 
Three： 
大家都追过剧吧，是不是有很多种可以选择，其实这都是可以用HTML代码来完成的，下面看一个一个简单的例子： 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>

            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }

            ul{
                width: 900px;
                height: 150px;
                margin: 50px auto;
                /* background-color: khaki; */
            }

            ul :after{
                clear:both;
                content:"";
                display: block;
                height: 0;
                visibility: hidden;
            }

            li{
                width: 100px;
                height: 100;
                border: 3px solid #fff;  
                border-radius: 80%;   
                list-style: none;
                margin-left: 50px;
                /* margin-top: 30px; */
                background-color: lawngreen;
                float: left;
            }

            a{
                color: tomato;
                text-overflow: none;
            }

            a:hover{
                color: magenta;
            }

    </style>

</head>

<body>
    
       <ul>
           <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> 

</body>

</html>
 

  
Four： 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>一级下拉菜单</title>

        <style>

                *{
                    margin: 0px;
                    padding: 0px;
                    list-style: none;
                }

                .outer{
                    margin: 50px auto;
                    width: 690px;
                }

                .outer:after{
                clear:both;
                content:"";
                display: block;
                height: 0;
                visibility: hidden;
                }

                .outer li{
                    float: left;
                    width: 110px;
                    height: 42px;
                    line-height: 42px;
                    border:  3px solid red;
                }
                
                .inner{
                    display: none;
                }


                .outer li:hover{
                    background-color: red;
                }
                
                .outer li:hover .inner{
                    display: block;
                }

                a{
                    color: #3c3c3c;
                    text-decoration: none;
                    text-align: center;
                    display: block;
                }

        </style>

</head>

<body>
    
    <ul class="outer">
        <li><a href="#">网址大全</a>
            <ul class="inner">
                <li><a href="#">搜狐</a></li>
                <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>
            <ul class="inner">
                <li><a href="#">皮皮</a></li>
                <li><a href="#">嘿嘿</a></li>
                <li><a href="#">嘟嘟</a></li>
            </ul>
        </li>
    </ul> 

</body>

</html>
 

 上面显示的是，当鼠标悬停的时候，下面会再次出来一个菜单，这就是下拉菜单，这是利用了无序列表的镶嵌结构实现的功能。 
Five： 
学会了上面的下拉菜单，下面再看另一种下拉菜单。 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        body {
            font: 16px "宋体";
        }

        #menu {
            border: 1px solid #ccc;
            width: 120px;
            margin: 10px auto;
        }

        #menu ul {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

        #menu ul li {
            background: #eee;
            line-height: 35px;
            padding: 0px 8px;
            border-radius: 50%;
            border-bottom: 1px solid #ccc;
            position: relative;
        }

        a {
            color: #000;
            text-decoration: none;
        }

        a:hover {
            color: rgb(0, 255, 60);
        }

        .inner {
            width: 100px;
            display: none;
            border:1px solid #ccc;
            position: absolute;
            top: -1px;
            left: 120px;
        }

        .outer li:hover {
            background-color: red;
        }

        .outer li:hover .inner {
            display:block;
            /* background: red; */
        }
    </style>
</head>

<body>
    <div id="menu">
        <ul class="outer">
            <li><a href="#">首页</a></li>

            <li><a href="#">网页布局</a>
                <ul class="inner">
                    <li><a href="#">平铺式</a></li>
                    <li><a href="#">倒立式</a></li>
                    <li><a href="#">栈开式</a></li>
                </ul>
            </li>

            <li><a href="#">网页教程</a>
                <ul class="inner">
                    <li><a href="#">视频区</a></li>
                    <li><a href="#">图文区</a></li>
                    <li><a href="#">讨论区</a></li>
                </ul>
            </li>

            <li><a href="#">网页实例</a>
                <ul class="inner">
                    <li><a href="#">举例1</a></li>
                    <li><a href="#">举例2</a></li>
                    <li><a href="#">举例3</a></li>
                </ul>
            </li>

            <li><a href="#">常用代码</a>
                <ul class="inner">
                    <li><a href="#">CSS</a></li>
                    <li><a href="#">JAVA</a></li>
                    <li><a href="#">数据结构</a></li>
                </ul>
            </li>

            <li><a href="#">站长杂谈</a>
                <ul class="inner">
                    <li><a href="#">小波说文</a></li>
                    <li><a href="#">小河说演</a></li>
                    <li><a href="#">小坡打卡</a></li>
                </ul>
            </li>

            <li><a href="#">技术文档</a>
                <ul class="inner">
                    <li><a href="#">基础篇</a></li>
                    <li><a href="#">深入篇</a></li>
                    <li><a href="#">高级篇</a></li>
                </ul>
            </li>

            <li><a href="#">资源下载</a>
            <ul class="inner">
                    <li><a href="#">图片下载</a></li>
                    <li><a href="#">视频下载</a></li>
                    <li><a href="#">文档下载</a></li>
                </ul>
            </li>

            <li><a href="#">图片素材</a>
                <ul class="inner">
                    <li><a href="#">免费区</a></li>
                    <li><a href="#">VIP区</a></li>
                    <li><a href="#">管理区</a></li>
                </ul>
            </li>

        </ul>
    </div>


</body>

</html>

收起

展开全文

使用ul实现下拉列表

千次阅读 2016-12-26 18:03:58

使用ul实现下拉列表使用ul实现下拉列表 *{margin:0px; padding:0px;}//清除默认 ul{ width:520px; //设置ul宽 height:30px; //设置ul高 list-style:none;//去除ul前面的点 } ul li{ width:64px;...

使用ul实现下拉列表 
<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>使用ul实现下拉列表</title>
 <style>
 *{margin:0px; padding:0px;}//清除默认
 ul{
 width:520px; //设置ul宽
 height:30px; //设置ul高
 list-style:none;//去除ul前面的点
 }
 ul li{
 width:64px; 
 height:30px; 
 border:1px solid #000; //设置边框
 float:left; //设置浮动
 line-height:30px; //设置文本垂直居中 
 text-align:center;//设置文本水平居中 
}
 ul li ul{
 width:65px; 
 height:95px; 
 background:#F00; 
 display:none;//将二级菜单初始隐藏
 }
 ul li:hover ul{
 display:block;//使用hover，当鼠标移动到对应的一级菜单上是显示二级菜单
 }
 </style>
 </head>
 <body>
 <ul>
     <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</li>
         <li>浮动4</li>
         <li>浮动5</li>
     </ul>
 </body>
 </html>

收起

展开全文

下拉列表 HTML ul

jQuery+CSS3折叠卡片式下拉列表框实现效果
2021-01-19 16:21:55
jQuery下拉列表框特效...该下拉列表框特效的列表项使用一个无序列表来制作，用于切换打开和关闭状态的元素是一个超链接元素。 <i class='fa fa-suitcase'></i> <span class='label-active'>Everyting <ul>
收起

用Jquery实现下拉列表

2020-12-28 21:40:44

用Jquery实现下拉列表首先是HTML样式，这里用UL无序列表来做 <ul id="ul"> <li> <h1>下拉菜单1</h1> <ul> <li>111</li> <li>111</li> </ul> &...

用Jquery实现下拉列表 
首先是HTML样式，这里用UL无序列表来做 
<ul id="ul">
        <li>
            <h1>下拉菜单1</h1>
            <ul>
                <li>111</li>
                <li>111</li>
            </ul>
        </li>
        <li>
            <h1>下拉菜单2</h1>
            <ul>
                <li>222</li>
                <li>222</li>
            </ul>
        </li>
        <li>
            <h1>下拉菜单3</h1>
            <ul>
                <li>333</li>
                <li>333</li>
            </ul>
        </li>
    </ul>
 
接下来是css样式 
<style>
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        #ul>li>ul{
            display: none;
        }
    </style>
 
重点来了，jq的代码 
<script>
        $("#ul>li>h1").click(function(){
            $(this).next().slideDown(2000);
            $(this).parent().siblings().find("ul").slideUp(2000)
        })
    </script>
 
首先给予每个h1一个点击事件
 当点击h1时，它的相邻下一个兄弟元素以2000毫秒的速度下拉，
 当我们点击另一个h1时，其他的h1的兄弟元素下的ul无序列表以2000毫秒的速度上滑。
 slideDown，slideUp是jq的动画效果，还有淡入淡出，隐藏显示效果，下期会讲解jq的其他动画效果。

收起

展开全文

使用json数据，实现前台显示用户信息、无序列表、下拉列表、表格？（需要转换成jq）
2018-06-13 16:18:17
//实现下拉列表 $arry.each(function(i){ $("#aa").append("(i+1)+">"+this+"</option>"); }); //对象数组的定义,同时实现表格 var userArray=[{ "id":2, "name":"admin", "pwd":"123" }...
收起
zepto.js手机端上拉刷新下拉加载更多列表数据插件
2020-06-11 19:23:20
zepto.js手机端上拉刷新下拉加载更多列表数据插件，非常实用的一款手机移动端网页上拉刷新下拉加载代码。
收起
HTML5用div实现下拉列表
万次阅读 2018-10-08 18:08:48
HTML5用div实现下拉列表下拉列表分为无序列表和有序列表无序列表 &lt;html&gt; &lt;body&gt; &lt;h4&gt;一个无序列表：&lt;/h4&gt; &lt...
收起
(4条消息)HTML语言标记详解
2021-06-08 16:32:49
有序列表和无序列表的不同在于无序列表的每一个列表项前面添加一个点号，有序列表的列表项前面添加一个序号，序号从1开始。每一个列表项用标记，这标记不需要结尾，并且一个表项自动占据一行。如下面无序列表标记...
收起
jq 实现ul列表折叠下拉遇到的问题
2021-06-10 12:10:49
1.ul li 布局,实现li换行：ul {display: block;list-style: none;}li {float: left;list-style: none;margin-left: 10px;}效果例如图：我这是鼠标移动到子目录4、、5、6那行一级目录时，悬浮显示的二级子目录。至于...
收起
Extjs复选下拉列表实现了全选全不选和操作序自然序功能
2012-12-04 15:47:08
主要实现下拉列表复选功能，从Ext.ux.form.LovCombo.js文件改进而来目前实现的有全选，全不选，自然序，操作序功能 changeSort负责实现操作序功能（即先选的显示顺序在前，后选的在后；取消操作也不影响操作的顺序...
收起
Ueditor 有序列表与无序列表
千次阅读 2017-11-15 17:41:49
最近项目中使用到百度编辑器ueditor，在开发完成后，进行测试，发现了几个问题。其中一个就是这个有序列表与无序...下面就来具体说一下，如何实现自定义列表吧。1、首先要去官网下载自定义的资料包。地址如下http://
收起
简单的CSS 下拉导航菜单实现代码
2020-12-02 05:57:01
正如下面的代码,我们用无序列表来创建这个导航菜单.在这个导航菜单中Portfolio项下有一个子菜单,我用粗体表示出来,最后说一句别忘了关闭(可以看这个:css技巧-清除多余的标签让代码更加有意义) HTML代码复制代码...
收起
jquery实现列表上下移动功能
2021-06-11 12:41:22
今天我们实现的是一个列表页面上移、下移功能。如图：当勾选列表中的列时，点击上移或者下移，会动态上移或者下移。html代码如下：序号名字性别1小一男2小二女3小三女lt;/div>我们定义一个css样式叫做mytable....
收起
bootstrap实现下拉菜单
千次阅读 2018-09-14 21:24:31
bootstrap布局组件 ...下拉菜单</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <scri
收起
JS实现html下拉菜单列表进行年月日选择
万次阅读 2019-04-04 11:21:58
使用JS实现年月日下拉列表的选择如下图：具体操作：两个js文件，设置效果在.html中导入两个外部js文件 jquery.time.js $(function () { $.ms_DatePicker({ YearSelector: ".sel_year", MonthSelector: "....
收起
HTML5与CSS3中鼠标悬停会有下拉列表
2021-06-11 13:53:53
想来这个功能刚学的时候也是懵懵懂懂、糊里糊涂的，当时在网上也是没怎么找到有用的资料...(这里得用无序列表！)CSS3的代码示例如下：.container{width:1000px;margin:0 auto;}#nav nav ul li{position:relative;}#...
收起
下拉菜单的两种实现方式：CSS和JS
万次阅读 2017-05-28 10:15:37
下拉菜单的简单介绍、源代码以及可能出现相关问题
收起
HTML css javascript 下拉列表
labview学习-下拉列表与枚举控件、条件结构、顺序结构
2021-06-09 10:03:06
1、下拉列表与枚举控件注意点 下拉列表用文字或者图片的方式表示数字。数字可以是整型数或浮点数；有序值，无序值或由用户自定义它代表的数值。枚举控件只能代表整数，而且是有序的、自动分配的。区别 下拉列表...
收起
纯CSS实现下拉菜单导航
千次阅读 2016-06-14 22:15:01
用纯CSS实现下拉菜单导航条，当鼠标hover到按钮上时，下方出现4个下拉菜单导航条。
收起
css 前端下拉菜单
【京东商城首页实战9】导航菜单栏和下拉列表
千次阅读 热门讨论 2017-05-03 21:19:05
接下来开始做下面的部分，包括红色背景部分、导航菜单栏、右边的图片，如图：图1分析：1.构架：全部商品分类是一个盒子、...左边下拉列表上部分先做全部商品分类部分：HTML代码： <!--最外层盒子负责通栏，要清除浮
收起
下拉列表实战菜单栏
html下拉列表不居中_HTML介绍——入门级
2020-11-21 02:52:32
实例解析 l DOCTYPE 声明了文档类型 l 位于标签与描述了文档类型 l 位于标签与为可视化网页内容 l 位于标签与作为一个标题使用 l ... 下拉列表 文本框按钮 1.2.13 head头部可以添加在头部区域的元素标签为: ,
收起
Bootstrap 下拉菜单
千次阅读 2018-03-08 11:12:25
下拉菜单下拉菜单是一种非常常见的效果，用于展示可切换、有关联的一组链接，它可以...创建下拉菜单Bootstrap中的下拉菜单都是基于列表实现的，可以使用无序列表（<ul>）或有序列表（<ol&...
收起
html简单实现下拉菜单
2017-07-26 10:18:00
主要用到的知识ul和li标签ul li 是一个组合：是无序列表标签，在实际中用的非常多，与之对应的是有序列表：ol lili是不能单独使用，必须在于ul之中的ul是块级元素，能直接定义宽高，而li是行级元素，不能直接定义高 ...
收起
一组时尚的侧边栏菜单和下拉列表UI设计
2021-06-09 12:35:08
这是一款非常时尚的可伸展的侧边栏菜单和select下拉列表以及手风琴式垂直下拉列表UI设计效果。它们通过简单的CSS样式设置，以及和jQuery，jqueryUI的配合，制作出非常时尚的web组件UI设计效果。制作方法HTML结构侧...
收起
vue实现手机app端下拉刷新
2020-04-30 09:33:56
功能快捷键撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + Shift + H 无序列表：Ctrl/Command + Shift + U 有序列表：Ctrl/Command + Shift...
收起
html
html下拉列表不居中_前端开发基础入门--HTML
2020-11-20 11:01:35
要学习前端开发，首先你要了解一下什么是前端开发前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。...
收起
前端怎么加粗字体

无序列表(Ul)实现下拉多选[Jquery方式]

无序列表实现导航下拉菜单

HTML使用无序列表制作一级菜单和二级下拉菜单

one：

two：

Three：

Four：

Five：

使用ul实现下拉列表

jQuery+CSS3折叠卡片式下拉列表框实现效果

用Jquery实现下拉列表

用Jquery实现下拉列表

使用json数据，实现前台显示用户信息、无序列表、下拉列表、表格？（需要转换成jq）

zepto.js手机端上拉刷新下拉加载更多列表数据插件

HTML5用div实现下拉列表

(4条消息)HTML语言标记详解

jq 实现ul列表折叠下拉遇到的问题

Extjs复选下拉列表实现了全选全不选和操作序自然序功能

Ueditor 有序列表与无序列表

简单的CSS 下拉导航菜单实现代码

jquery实现列表上下移动功能

bootstrap实现下拉菜单

JS实现html下拉菜单列表进行年月日选择

HTML5与CSS3中鼠标悬停会有下拉列表

下拉菜单的两种实现方式：CSS和JS

labview学习-下拉列表与枚举控件、条件结构、顺序结构

纯CSS实现下拉菜单导航

【京东商城首页实战9】导航菜单栏和下拉列表

html下拉列表不居中_HTML介绍——入门级

Bootstrap 下拉菜单

html简单实现下拉菜单

一组时尚的侧边栏菜单和下拉列表UI设计

vue实现手机app端下拉刷新

html下拉列表不居中_前端开发基础入门--HTML

无序列表实现下拉