Html
    Css
    Js

    
                        
* {
	padding:0;
	margin:0;
	list-style:none;
}
.all {
	width:330px;
	height:30px;
	margin:100px auto;
	background-color:#235EA4;
	padding-left:10px;
}
.all li {
	width:100px;
	height:30px;
	background-color:#235EA4;
	line-height:30px;
	text-align:center;
	float:left;
	margin-right:10px;
	display:inline;
	position:relative;
	cursor:pointer;
}
.all ul {
	position:absolute;
	left:0;
	top:30px;
	display:none;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery常见下拉菜单

最简单编写下拉菜单。使用排他思想去实现。简单,快捷!

1
      #Robin.杨0
      2019/11/17 18:28:10
      兄弟我引用了你的插件代码后。鼠标移动到主菜单,下面菜单弹出来了,但是主菜单自动消失了。检测了很多遍不知道咋回事。不知道有无交流下,帮我看看。 回复