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

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

菜单隐藏-显示 *{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...

“leave_领悟”的回答思路是正确的,但是没有达到div左上角与鼠标指针点击位置重合的效果,其实只需要为新创建的div加上绝对定位即可,下面是修改后的代码,供楼主参考: window.onload=function(){ document.onmousedown=function(ev){ var oEven...

这个到是不难,代码如下 点击显示另一个div点击后显示的divfunction showOtherDiv(){//获取要显示的div对象var otherDiv=document.getElementById('otherDiv');//显示otherDiv.style.display="block";}

假如就你给出的这两个span的话,可以如下获取: window.onload=function(){var sp = document.getElementsByTagName("span")[0];sp.onclick=function(){ alert(sp.innerHTML);//点击A,会弹出A};};

报名第一个div第二个divfunction btn1(){document.getElementById('div1').style.display='block';}function btn2(){document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='block';}function b...

收尾 点击显示 $b = $("#b"); $("#show").on({ "click": function(){ $b.toggle(); return false; } }); $(document).on({ "click": function(e){ var src = e.target; if(src.id && src.id ==="b"){ return false; }else{ $b.hide(); } } });

两个div 先写好,一个先隐藏,点击后更改其属性,让其显示 Document .outer{ position: relative; height: 300px; width: 500px; background-color: #097df3; } .d1{ display: none; position: absolute; height: 200px; width: 300px; top: 50px; ...

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

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