zdly.net
当前位置:首页 >> js点击按钮隐藏Div >>

js点击按钮隐藏Div

设置div的overflow为hidden. 然后动态地改变div的高度. 同时替换下面的那个按钮图标即可.

<!doctype html><html><head><meta charset="utf-8"><title>div5px</title><style type="text/css"> div { float: left; width: 100px; height: 80px; border: 1px solid #0ff; margin-right: 5px; display: none; }</style><!--$(".btn")是找到class="btn"的信

给body添加一个点击事件,或者事件监听,让div消失就可以了

<script> function show(){ var div1=document.getElementById("div1"); var div2=document.getElementById("div2"); div1.style.display="none"; div2.style.display="block"; } function hide(){ var div1=document.getElementById("div1"); var

//简单来说就是通过设置按钮的onclick事件来控制div的显示知和隐藏.//比如在CSS中先将div的display设置为"none",那么点击的时候就先道查询display值是否为"none",//如果为"none"的话,就改为"block",即显示div;如果不是"

<script type="text/javascript" language="javascript"> function tab(name,cursel,n){ for(i=1;i<=n;i++){ var con=document.getElementById(name+"_"+i); var con1=document.getElementById(name+"_"+i+"_"+i); con.style.block=i==cursel?

$(document).ready(function(){ $(".A").click(function (e){ $(".B").toggle(); e.stopPropagation(); }); $(".B").click(function(e){ e.stopPropagation(); });}).click(function(){ $('.B').hide(); });

用.hide();来隐藏 用.show();做显示就可以了.

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id="div1">div1</div><div id="div2">div2</div><div id="div3">div3</div><button id="btn1">控制div1</button><button id="btn2

按钮的click动作js:if(document.getElementById('div1').style.display!='none'){document.getElementById('div2').style.display='';document.getElementById('div1').style.display='none';}else{document.getElementById('div1').style.display='';document.

网站首页 | 网站地图
All rights reserved Powered by www.zdly.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com