js原生基础上加上if判断就可以实现页面展开收缩菜单功能代码
javascript代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <script>
- window.onload=function ()
- {
- var obtn = document.getElementById('btn');
- var oull = document.getElementById('ull');
- obtn.onclick=function ()
- {
- if(oull.style.display=='none')
- {
- oull.style.display='block'
- }
- else
- {
- oull.style.display='none'
- }
- }
- }
- </script>
- </head>
- <body>
- <div id="box">
- <p id="btn" >自丢网</p>
- <ul id="ull" style="display: block;">
- <li><a href="#">二级目录</a></li>
- <li><a href="#">二级目录</a></li>
- </ul>
- </div>
- </body>
- </html>
复制代码 代码运行效果如下:
js原生基础上加上if判断就可以实现页面展开收缩菜单功能代码
|