求解顶部菜单栏《更多》这里下拉菜单功能

 需要对《更多》这里增加下拉菜单功能

<head>
<style>
        body {margin:0;}

        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #00BFFF;
            position: fixed;
            top: 0;
            width: 100%;
        }

        li {
            float: left;
            border-right:1px solid #bbb;
        }

        li:last-child {
            border-right: none;
        }

        li {
            float: left;
        }

        li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        li a:hover:not(.active) {
            background-color: #DCDCDC;
         }

        .active {
            background-color: #4CAF50;
        }
</style>
</head>
<body>
       <ul>
            <li><a href="/">首页</a></li>
            <li><a href="guanyu/women/">关于我们</a></li>
            <li><a href="/zhifu/">云支付</a></li>
			<li><a href="/kaifa/">开发者社区</a></li>
			<li><a href="/ditu/">地图</a></li>
			<li><a href="/shipin/">视频解析</a></li>
            <li style="float:right"><a class="active" href="#about">更多</a></li>
	   </ul>
</body>
</head>

 

1.首先用postion定位，写个下拉框，然后点击更多显示前面写的（css切换类名或者改变style）。其实还挺简单的。百度一搜就有好多可以参考一下。