如何用原生js实现下拉菜单（原生js实现拖放）

以下是一个简单的本地JavaScript实现下拉菜单的示例代码:

& lt！DOCTYPE html & gt
& lthtml & gt
& lthead & gt
& ltstyle & gt
。下拉列表{
位置:相对；
显示:内嵌-块；
}

。下拉列表-内容{
显示:无；
位置:绝对；
背景色:# f9f9f9
最小宽度:160像素；
box-shadow: 0px 8px 16px 0px rgba(0，0，0，0.2)；
z指数:1；
}

。下拉菜单:悬停。下拉列表-内容{
显示:块；
}
& lt/style & gt；
& lt/head & gt；
& ltbody & gt

& ltdiv class = & quot下拉菜单& quot& gt
& lt按钮& gt下拉菜单

以上内容来自互联网，不代表本站全部观点！欢迎关注我们:zhujipindao。com