wlbk.net
当前位置:首页 >> 一键显示Div隐藏与显示 >>

一键显示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"的信

让一个div显示一个div隐藏的方法如下(代码的规格写法只能这样):1、HTML代码如下:<body><ul class="point"><li><a href="#">menu0</a></li><li><a href="#">menu1</a></li><li><a href="#">menu2</a></li><li><a href="#">

<!doctype html><html><head><meta charset="utf-8"><title>隐藏</title><!--.div就是找到class="div"的信息,hide()就是将对象隐藏起来(深圳网站建设www.sz886.com)--><script type="text/javascript" src="http://www.sz886.com/js/

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

这个就用jquery了,很方便 在你的页面里包含一个jquery的js文件,先网上下下来,放在你的一个目录下包含到页面里 先设置为隐藏 这个为显示的 两个按钮 这个是最简单的jquery运用

方法:打开html开发软件,新建一个html文件,在html文件上创建一个button按钮,然后给这个按钮设置一个id,在案例中把按钮的id设置为show.然后创建一个隐藏的div,把需要隐藏的内容写到这个div上,然后给这个div设置一个id,在案例中

比如有一个<div id="div1" js方法如下: var isShow=false;//标示符,看目前div的状态 //查询区显示或者隐藏 function aa() { if(isShow){ isShow=false; div1.style.display = "none"; }else{ isShow=true; div1.style.display = "block"; } } 用页面上的按钮控制,用:onClick="aa();"

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

基本思想是:触发div的hide()和show()函数.比如:要点击隐藏或者显示<div id="div"></div> 然后为一个按钮(id="btn")或者其他控件绑定一个单击事件(下面使用了jQuery)$(function(){ // 页面加载完成之后,进行事件绑定 $("#btn").toggle( function () { $("#div").hide();// 第1,3,5,7,8,9.次点击按钮,div隐藏 }, function () { $("#div").show();// 第2,4,6,8.次点击按钮,div显示 } ); });

以下内容放在html的<head></head>标签对中: function show(id){ var showDiv=document.getElementById(id); var divList=document.getElementsByTagName('div'); alert(divList.length); for(i=0;i<divList.length;i++){ if(divList[i].id==id){ divList[i].

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