[技术交流] 弹层关闭按钮没反应，技术牛过来看看。。。。 [复制链接]
查看:1663 | 回复:8

baihaideng · 发表于 2019-4-29 16:37:57

本帖最后由 baihaideng 于 2019-4-29 16:40 编辑

<style>
#Mdown {
margin: 0;
padding: 0;
text-align: center;
font: 12px/1.5 arial,\5b8b\4f53;
}
#lggoodBox {
margin: 0 auto;
padding: 0px;
text-align: left;
width: 370px;
height: 260px;
background: #FFF;
font-size: 9pt;
border: 6px solid #ccc;
overflow: hidden;
filter: alpha(opacity=90);
opacity: 1;
font: 14px/1.75 Arial,sans-serif,微软雅黑;
}
#lggoodBox .title {
text-align: left;
padding-left: 10px;
font-size: 11pt;
height: 37px;
line-height: 37px;
cursor: move;
background:#FF4646;;
}
#lggoodBox .t1 {
float: left;
font-weight: bold;
color: #FFF;
text-decoration: none;
}
#lggoodBox .t2 {
float: right;
text-align: center;
line-height: 17px;
height: 17px;
width: 17px;
margin-top: 10px;
margin-right: 5px;
overflow: hidden;
border: 1px solid #fff;
background: #FFF;
cursor: pointer;
color: gray;
}
#lggoodBox .lggood {
background: white;
min-height: 30px;
_height: 30px;
overflow: auto;
_overflow: inherit word-wrap:break-word;
word-break: break-all;
padding: 15px;
}
#bgDiv {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
background-color: #777;
opacity: 0.7;
}
#loginBox{margin: 0 auto; list-style: none;}
#loginBox li {padding-top: 1em;color: #333;}
.mcInputBox {
border-color: #949494 #CACACA #CACACA #949494;
}
.mcInputBox, .mcInputBox span, .mcInputBox input {
display: inline-block;
border-width: 1px;
border-style: solid;
vertical-align: middle;
}
li {
text-align: -webkit-match-parent;
}
.mcInputBox, .mcInputBox span, .mcInputBox input {
display: inline-block;
border-width: 1px;
border-style: solid;
vertical-align: middle;
}
.mcInputBox span {
border-color: #E6E6E6;
border-width: 1px 0 0 1px;
}
.mcInputBox input {
border-color: #EFEFEF;
border-width: 1px 0 0 1px;
margin: 0;
padding: 6px 5px;
outline: 0;
line-height: 1;
float: left;
}
.loginInput {
width: 200px;
}
.button {
width: 70px;
line-height: 1.9;
font-size: 16px;
overflow: hidden;
text-align: center;
vertical-align: middle;
display: inline;
cursor: pointer;
margin:0 20px 0px 0px;
color: #fff;
border: 1px solid #00a7eb;
border-radius: 4px;
background-color: #00a7eb;
}
.tiptxt {
font-size: 12px;
margin-left: 80px;
line-height: 45px;
color: #333;
}
</style>
<div id="bgDiv" style="display:none;"></div>
<div class="btop"><div style="float: right;" class="b-login">
<a href="[!--news.url--]e/DoInfo/ChangeClass.php?mid=1" class="b-login-tougao" target="_blank">投稿</a>
<a href="[!--news.url--]e/member/register/index.php?tobind=0&groupid=1&button=%E4%B8%8B%E4%B8%80%E6%AD%A5" target="_blank">注册</a>
<a href="javascript:" onClick="bgDiv.style.display='';lggoodBox.style.display='';">登录</a>
<div id="lggoodBox" style="position:absolute; right:40%; top:20%; z-index:1; display:none;" >
<div class="title" id="Mdown">
<span class="t1">会员登陆</span>
<span class="t2" title="关闭" onclick="lggood.style.display='none'; bgDiv.style.display='none'">X</span>
</div>
<div class="lggood">
<form name=login method=post action="[!--news.url--]e/member/doaction.php">
<input type=hidden name=enews value=login>
<input type=hidden name=ecmsfrom value=9>
<ul id="loginBox"><li>账号：<span class="mcInputBox"><span><input name="username" class="loginInput loginDefaultInput" placeholder="请输入邮箱/账号/手ji号"></span></span></li>
<li>密码：<span class="mcInputBox"><span><input name="password" class="loginInput" type="password" placeholder="请输入密码"></span></span></li>
<li style="margin-left:-15px">验证码：<span class="mcInputBox"><span><input name="key" type="text" id="key" size="7" placeholder="输入验证码"></span></span><img src="[!--news.url--]e/ShowKey/?v=login" name="loginKeyImg" id="loginKeyImg" onclick="loginKeyImg.src='[!--news.url--]e/ShowKey/?v=login&t='+Math.random()" title="看不清楚,点击刷新"></li>
<li style="margin:0 auto;text-align: center;"><input id="meta_button" type="submit" name="Submit" value="登陆" class="button" />
<input type="button" class="btn btn-primary" name="button" value="马上注册" onclick="parent.location.href='[!--news.url--]e/member/register/index.php?tobind=0&groupid=1&button=%E4%B8%8B%E4%B8%80%E6%AD%A5';"></li></ul>
</form>
</div>
</div>
</div>
</div>

复制代码

sunshow · 发表于 2019-4-29 16:58:04

太长，没看。总的来说：1，是否有冒泡存在，2，事件是否绑定到指定的DOM上了，3事件函数是否正常，4 console.log打印看看么子情况。

卧草泥马 · 发表于 2019-4-29 17:14:03

太长，只瞄了一眼，只有HTML和CSS，JS呢？
控制关闭事件的是JS代码，基本上只是把弹出层display:block改成display:none而已

baihaideng · 发表于 2019-4-29 17:15:43

卧草泥马发表于 2019-4-29 17:14
太长，只瞄了一眼，只有HTML和CSS，JS呢？
控制关闭事件的是JS代码，基本上只是把弹出层display:block改成 ...

哎呀，忘记上JS了，感谢啊。。。。。

烨水朱华 · 发表于 2019-4-29 20:44:27

没看到就是

紫电清霜 · 发表于 2019-4-29 20:56:40

是个技术小白

弗兰 · 发表于 2019-4-29 22:14:11

楼主别开发了

beibeilon · 发表于 2019-4-29 22:35:51

不会帮顶的。

lyct · 发表于 2019-4-30 08:08:52

<span class="t2" title="关闭" onClick="lggoodBox.style.display='none'; bgDiv.style.display='none'">X</span>

修改这段就行了

百独托管7500 紫田网络	超高转化播放器收cps[推荐]	速盾CDN 免实名免备防屏蔽	阿里云爆款特卖9.9元封顶	提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场	【腾讯云】多款产品1折起	高防随时退换好耶数据	小飞国外网赚带你月入万元	炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠	中客数据中心服务器租用	联盟系统移动广告平台中易	企业专场腾讯云服务器2.5折	九九数据工信部正规资质
腾讯云新用户大礼包代金券	高价收cpa注册量高价展示	【腾讯云】2核2G/9.93起	租服务器找45互联随时退换	阿里云短信服务验证秒达

[技术交流] 弹层关闭按钮没反应，技术牛过来看看。。。。 [复制链接]
查看:1663 | 回复:8

落伍者

落伍手机绑定

QQ绑定

落伍微信绑定

[技术交流] 弹层关闭按钮没反应，技术牛过来看看。。。。 [复制链接] 查看:1663 | 回复:8

落伍者

落伍手机绑定

QQ绑定

落伍微信绑定

[技术交流] 弹层关闭按钮没反应，技术牛过来看看。。。。 [复制链接]
查看:1663 | 回复:8