445day(下拉菜单案例)

《2018年12月23日》【连续445天】

标题:下拉菜单案例;
内容:

<body>
  <div class="wrap">
  <ul>
    <li>
      <a href="javascript:void(0);">一级菜单1</a>
      <ul class="ul">
        <li><a href="javascript:void(0);">二级菜单11</a></li>
        <li><a href="javascript:void(0);">二级菜单12</a></li>
        <li><a href="javascript:void(0);">二级菜单13</a></li>
      </ul>
    </li>
    <li>
      <a href="javascript:void(0);">一级菜单2</a>
      <ul>
        <li><a href="javascript:void(0);">二级菜单21</a></li>
        <li><a href="javascript:void(0);">二级菜单22</a></li>
        <li><a href="javascript:void(0);">二级菜单23</a></li>
      </ul>
    </li>
    <li>
      <a href="javascript:void(0);">一级菜单3</a>
      <ul>
        <li><a href="javascript:void(0);">二级菜单31</a></li>
        <li><a href="javascript:void(0);">二级菜单32</a></li>
        <li><a href="javascript:void(0);">二级菜单33</a></li>
      </ul>
    </li>
  </ul>
</div>


  <script>
    $(function(){
      var $li =$(".wrap>ul>li");
      $li.mouseover(function(){
        $(this).children("ul").show();
      });
      $li.mouseout(function(){
        $(this).children("ul").hide();
      });
    });
  </script>
</body>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用HTML的<select>标签来创建出生日期的下拉菜单,以下是一个示例代码: ```html <label for="birthday">出生日期:</label> <select name="year" id="year"> <option value="">请选择年份</option> <script> var year = new Date().getFullYear(); for (var i = year; i >= 1900; i--) { document.write('<option value="' + i + '">' + i + '</option>'); } </script> </select> <select name="month" id="month"> <option value="">请选择月份</option> <option value="01">1月</option> <option value="02">2月</option> <option value="03">3月</option> <option value="04">4月</option> <option value="05">5月</option> <option value="06">6月</option> <option value="07">7月</option> <option value="08">8月</option> <option value="09">9月</option> <option value="10">10月</option> <option value="11">11月</option> <option value="12">12月</option> </select> <select name="day" id="day"> <option value="">请选择日期</option> </select> <script> var yearSelect = document.getElementById("year"); var monthSelect = document.getElementById("month"); var daySelect = document.getElementById("day"); function daysInMonth(year, month) { return new Date(year, month, 0).getDate(); } function updateDays() { var year = yearSelect.value; var month = monthSelect.value; var days = daysInMonth(year, month); daySelect.innerHTML = '<option value="">请选择日期</option>'; for (var i = 1; i <= days; i++) { var value = (i < 10 ? "0" : "") + i; daySelect.innerHTML += '<option value="' + value + '">' + i + '</option>'; } } yearSelect.addEventListener("change", updateDays); monthSelect.addEventListener("change", updateDays); </script> ``` 这段代码会生成三个下拉菜单,分别是年份、月份和日期,用户可以在这三个下拉菜单中选择自己的出生日期。其中,年份的下拉菜单中,会从当前年份向前生成到1900年的所有年份选项;日期的下拉菜单中,会根据用户选择的年份和月份动态生成对应的日期选项。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值