效果图:
大体思路:
鼠标移至头像时,二级菜单出现,鼠标移至二级菜单,可以对子菜单进行选择,鼠标移出子菜单,子菜单消失。
子菜单使用position:absolute绝对定位到父级菜单下方。
<html>
<head>
<meta charset="UTF-8">
<title>选项卡</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<style type="text/css">
.content {
width: 300px;
margin: 200px auto;
position: relative;
}
ul,
li {
list-style: