mdsk.net
当前位置:首页 >> js实现点击显示一个Div,点击其他任何地方Div消失,... >>

js实现点击显示一个Div,点击其他任何地方Div消失,...

nav{margin:0 auto;height:30px;width:80%;min-width:900px;background-color:#000;} nav ul{list-style:none;width:500px;margin:0 auto;} nav ul li{position:relative;float:left;width:100px;line-height:30px;height:30px;color:#fff;font...

第一个div添加onclick()方法。方法里面代码如下: if(document.getElementById("B").style.display= ="none"){ //B是另一个div document.getElementById("B").style.display= "block"; }else{ document.getElementById("B").style.display= "non...

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

这个是源代码,可以实现你的功能,有不懂的可以问我,希望采纳,谢谢 无标题文档window.onload=function(){var oDiv=document.getElementById("div1");var oP=oDiv.getElementsByTagName("p");var aDiv=oDiv.getElementsByTagName("div");for(i=0;i

菜单隐藏-显示 *{margin:0; padding:0;} ul li{list-style:none;} a{text-decoration:none;} a:hover{text-decoration:none;} .lflort{float:left;} .rfloat{float:right;} /*样式开始*/ #nav{width:241px; background:#09C;} .mingp{font-size...

document.getElementByID('continue').onclick = function(){//找到所有的divvar div = document.getElementByTagName('div');//循环div,找到处于显示状态的div将其隐藏,并将其下一个div显示for(var i=0,len = div.length;i

通过div 的id获取中间div的对象 var divObj=document.getElementById("divId"); 如果div是显示的话就隐藏,否则就显示 if(divObj.style.display==""){ divObj.style.display="none"; }else{ divObj.style.display=""; }

用document的onmousedown 响应鼠标在页面上的点击事件 IE中用event.srcElement; FF中用e.target; 能获得鼠标点击的对象 然后你判断该对象是否为选择城市的这个div 不是的话就隐藏该 div 我想怎么用jquery你应该知道 吧 $(document).mousedown(...

建议使用jquery插件。方法很简单。 $("td").click(function(){ $("div").toggle();})用原生的需要多写几行了 var td=document.querySelector("td");var div=document.querySelector("div");td.addEventListener("click",toggle,false);function ...

html部分: div1 div2 js部分 var div1=document.getElementById("div1"); var div2=document.getElementById("div2"); var btn=document.getElementById("btn"); var showBox=document.getElementById("show-box"); //方法一:将div中的值赋值到...

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