下拉菜单——原生js+div+ul实现水平下拉菜单

VIP文章陪着小白吗

已于 2023-02-22 12:41:12 修改

阅读量352

点赞数

文章标签： javascript css html

于 2023-02-22 12:33:28 首次发布

本文链接：https://blog.csdn.net/qq_44836633/article/details/129160191

版权

效果图（颜色只是为了凸显效果）：

html代码：

<div class="dropdown clearfix">
    <div class="dropdown-item">导航1</div>
    <div class="dropdown-item">导航2</div>
    <div class="dropdown-item">导航3</div>
    <div class="dropdown-item">导航4</div>
  </div>
  <div class="dropdown-itemlist">
    <div class="dropdown-list">
      <ul>
        <li><a href="#">111</a></li>
        <li><a href="#">111</a></li>
        <li><a href="#">111</a></li>
        <li><a href="#">111</a></li>
      </ul>
      <ul>