ncry.net
当前位置:首页 >> js 点击一个按钮 显示一个Div 隐藏之前的Div,每次点击显示一个 >>

js 点击一个按钮 显示一个Div 隐藏之前的Div,每次点击显示一个

var divs=$("div").children(); var clkCount=0; var add=true;$('#btn').click(function(){ if (add) divs[clkCount++].show(); else divs[clkCount--].show(); if (clkCount=5) add=false; });

给body添加一个点击事件,或者事件监听,让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?

找出这两个div的class或id 做相应的显示或隐藏处理即可;<div id="div_1"></div> //要显示的div;<div id="div_2"></div>//要隐藏的div; 显示:style="display:block"或者 $('#div_1').show(); 隐藏:style="display:none"或者$('#div_2').hide();

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

设置div的overflow为hidden. 然后动态地改变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

html部分:<input type="button" value="显示div1的内容" id="btn" /><div id="div1" style="display:none">div1</div><div id="div2" style="display:none">div2</div><div id="show-box"></div> js部分 var div1=document.

<!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"的信

看你的问题感觉在读绕口令!做2个动态图片,一个是小图变大并最终固定在大图的,一个是大图变小最终固定在小图的,分别放在2个div里面,写2个点击事件,点了之后一个隐藏,一个显示

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