当前位置:首页 > 站长笔记 > javascript笔记 > 正文
运行天数:2959 天 最后更新:2020-5-24

js点击按钮显示或隐藏内容

用手机或者平板电脑扫描应用扫描本二维码,可以在手机浏览器继续浏览,也可以分享给你的联系人。

2018年08月07日 | 作者: 影子 | 分类: javascript笔记, 自用代码 | 点击量: 1,530

WDJA网站内容管理系统,免费开源可商用 点我获取,简单好用的PHP版CMS

js点击按钮显示或隐藏内容,可以做手机版的菜单功能,比较方便.

js代码

<script type="text/javascript">
window.onload=function(){
  var obt=document.getElementById("all");
  var odiv=document.getElementById("menu");
  obt.onclick=function(){
    if(odiv.style.display=="none"){
      odiv.style.display="block";
      obt.value="隐藏模块";
    }
    else{
      odiv.style.display="none";
      obt.value="显示模块";
    }
  }
}
</script>

 

html代码

<div id="all">菜单</div>
<div id="menu" style="display:none;">
<ul>
<li>首页</li>
<li>产品</li>
<li>资讯</li>
</ul>
<div>

 

 

 

 

 



手机扫码浏览本文


关键词:

本文网址:https://www.menglei.net/2559/,转载请以链接形式注明出处,谢谢合作!

*本站部分内容转载自其他媒体,版权归其所有。如若内容或图片侵犯您的权益,请与本站联系,我们将在24小时内处理完毕。

作者:清晨@深圳网站建设专家. | 清晨,领先的深圳网站优化品牌。

交流QQ号:925474725 邮件支持:shadoweb@qq.com