zoukankan      html  css  js  c++  java
  • 行内触发事件,滑过或点击显示隐藏js-20

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <style>
    ul{ 100px; border:1px #CCCCCC solid; display:none;}
    ul li{ line-height:40px;}
    </style>
    </head>

    <body>
    <button onMouseOver="document.getElementById('list').style.display='block'" onMouseOut="document.getElementById('list').style.display=''">下拉</button>
    <ul id="list">
        <li>分析功能</li>
        <li>结构样式</li>
        <li>代码实现</li>
    </ul>


    <div onMouseOver="document.getElementById('lt').style.display='block'" onMouseOut="document.getElementById('lt').style.display=''">
          <p>下拉选项</p>
          <ul id="lt">
                <li>分析功能</li>
                <li>结构样式</li>
                <li>代码实现</li>
          </ul>
    </div>
    </body>
    </html>

  • 相关阅读:
    Linux删除文件相关命令
    Bing语句
    VS2013配置Winpcap
    node10-mongoose
    node09-cookie
    node08-express
    node07-http
    node06-path
    node05-fs
    node04-buffer
  • 原文地址:https://www.cnblogs.com/su1637/p/8252632.html
Copyright © 2011-2022 走看看