Html
    Css
    Js
 body {
	font:normal 11px verdana;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
	width:150px;
	/* Width of Menu Items */
      border-bottom:1px solid #ccc;
}
ul li {
	position:relative;
}
li ul {
	position:absolute;
	left:149px;
	/* Set 1px less than menu width */
      top:0;
	display:none;
}
/* Styles for Menu Items */
    ul li a {
	display:block;
	text-decoration:none;
	color:#777;
	background:#fff;
	/* IE6 Bug */
      padding:5px;
	border:1px solid #ccc;
	/* IE6 Bug */
      border-bottom:0;
}
/* Holly Hack. IE Requirement \*/
    * html ul li {
	float:left;
	height:1%;
}
* html ul li a {
	height:1%;
}
/* End */
    
    li:hover ul,li.over ul {
	display:block;
}

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

css弹出菜单

1
      areyouOk0
      2018/11/29 0:20:44
      不错简单实用! 回复