• js写法下拉框


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
    body,ul,li{ margin:0; padding:0;}
    .box{ 400px; margin:50px auto;}
    .box li{ list-style:none; cursor:pointer;}
    .box ul{ float:left; 100px; margin-right:10px; text-align:center; height:30px; line-height:30px; background:#999;}
    .box ul li ul{ display:none; 100px; text-align:center; }
    .box li ul li{  background:#CCC;  height:30px; line-height:30px;}
    </style>
    </head>

    <body>
    <div class="box">
          <ul>
              <li onMouseOver="document.getElementById('list_1').style.display='block';" onMouseOut="document.getElementById('list_1').style.display='none';"><a href="#" target="_blank">平面设计</a>
                  <ul id="list_1">
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                  </ul>
              </li>
          </ul>
          <ul>
              <li onMouseOver="document.getElementById('list_2').style.display='block';" onMouseOut="document.getElementById('list_2').style.display='none';"><a href="#" target="_blank">平面设计</a>
                  <ul id="list_2">
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                  </ul>
              </li>
          </ul>
          <ul>
              <li onMouseOver="document.getElementById('list_3').style.display='block';" onMouseOut="document.getElementById('list_3').style.display='none';"><a href="#" target="_blank">平面设计</a>
                  <ul id="list_3">
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                      <li><a href="#" target="_blank">平面设计</a></li>
                  </ul>
              </li>
          </ul>
    </div>
    </body>
    </html>

  • 相关阅读:
    设置 menu 菜单 监听
    在 flash.net.FileReference 上找不到属性 save,且没有默认值。
    swf获取当前页面的路径
    控制舞台缩放比例
    相对于自身的坐标位移
    tweenmax
    exe文件反编译为源文件
    spring 整合 spring mvc
    springmvc学习第四天
    springmvc学习第三天
  • 原文地址:https://www.cnblogs.com/su1637/p/8252647.html
Copyright © 2020-2023  润新知