Advertisement

html-按钮式下拉框

阅读量:

https://www.cnblogs.com/libingql/p/5844050.html
实质上是通过点击按钮来激活一个隐藏的下拉菜单
可通过设置延时函数以及调整display属性来实现对子元素展示状态的操控

复制代码
    <style>
    	.bwbt{background-color: white;border-color: cornflowerblue;border-radius: 5px;border-width: thin;color: cornflowerblue;text-align: center6495EDFF }
    </style>
    <body>
    <div >
    	<p><button onclick="pulldown()" class="bwbt">上传化合物数据</button></p>
    	<p style="display:none;list-style-type:none;" id="son1"><button class="bwbt">手动输入 上传</button></p>
    	<p style="display:none;list-style-type:none;" id="son2"><button class="bwbt">本地导入 上传</button></p>
    

全部评论 (0)

还没有任何评论哟~