ntjm.net
当前位置:首页 >> html点击显示隐藏Div >>

html点击显示隐藏Div

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

Document.getElementById("123"); 这句错了,Document第一个字母是小写,这样的错误你写的时候编辑器应该会有提示,比如我的editplus里不正确颜色不一样 浏览的时候,不同的浏览器开发工具也会提示,比如如果你用火狐的firebug,在控制台也可以看见错误提示 另外起名字是不能用数字开头的,这个也要注意 那个显示块里写点东西再测试,没有东西也看不出显示不显示

<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?

这个不复杂吧..JS或者JQ都可以控制.只是DIV的CSS属性而已

层:<div id="invisible_layer" style="position:absolution;left:100;top:100;width:200;height:200;border:1px solid black; visibility="hidden">隐藏的层</div> 点击的链接:<a href="javascript:showlayer();">显示隐藏的层</a> 网页的head:<

document.all 是ie才能识别的,firefox是不支持的,你可以改成用id来获取,如下:this is a div!改一下就ok了!建议你以后不要再用document.all了,只有ie才支持

<p>点击</p><div>显示隐藏DIV</div>$("p").click(function(){ $("div").sildeToggle(); });

基本思想是:触发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显示 } );});

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

<!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/

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