jcst.net
当前位置:首页 >> jquEry或js如何点一个按钮打开一个DIV层,再点就关闭 >>

jquEry或js如何点一个按钮打开一个DIV层,再点就关闭

var 按钮=document...; var div=document....; //点击按钮弹出div 在点击按钮关闭该div 按钮.onclick=function() { if(div.style.display=="none") { div.style.display="block"; } else { div.style.display="none"; } } //点击其他地方关闭div...

举个例子吧: 点击关闭div function closeDiv(){ var p = $("#close-div").css("display"); if(typeof(p)=="undefined"||p==""||p=="block"){ $("#close-div").css("display","none");// 关闭 }else{ $("#close-div").css("display","block");//...

示例html 最简单的方法: $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

思路:按钮定义click方法,让遮罩层show出来,然后用seTtimeout方法5秒后遮罩hide即可

html代码 画个div和button js代码 $(document).ready(function(e) {//DOM加载完成后执行方法 $(".but").click(function(e) {//点击事件 $(".abc").toggle();//div元素如果是隐藏就会显示,反之显示就会隐藏 });});注:jquery的toggle() 方法的作...

JavaScript var i =1;function trigger(){ var mydiv = document.getElementById("mydiv"); if(i%2==1){ mydiv.style.display='block'; } if(i%2==0){ mydiv.style.display='none'; } i++;}jQuery更简单,稍稍百度一下就可以找到了.或者在w3c找jQ...

$(#bbb).style.display = "none"; //id 为bbb的DIV隐藏 $(#bbb).style.display = "block"; //id 为bbb的DIV显示

试试 jquery的 toggle方法 或许对你有用 再附上例子吧,例子中的 jQuery库 你下载一下 引入文件就能看到效果: $(document).ready(function(){ $(".btn1").click(function(){ $("div").toggle(); });});ToggleThis is a paragraph.

一个简单的例子 $("button").click(function(){ $("#div1").hide();//关闭弹出层 $("#div2").load('demo_ajax_load.txt');//从另一个文件载入数据更新到ID为div2的内容 }); demo_ajax_load.txt的内容,可以自己写。当然这个文件也可以是asp/php/...

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