Html
    Css
    Js
.list {
	width:200px;
	height:400px;
	margin-top:20px;
	float:left;
	position:relative;
	border:1px solid black;
}
dt {
	font-size:20px;
	font-family:微软雅黑;
	font-weight:900;
	padding:10px;
}
dl {
	border-bottom:1px solid black;
}
dd a {
	font:15px;
	font-family:微软雅黑;
	font-weight:900;
	padding:10px;
	display:inline-block;
	text-decoration:none;
}

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

jQuery下拉菜单鼠标移入效果

鼠标移入标题,出现对应的下拉菜单选项

0