web前端|js教程
js,弹出层
web前端-js教程
dsp算法 源码,Ubuntu系统目前版本,网络爬虫长沙招聘,php filter,seo手法大全lzw
<!--
*{font-size:12px;font-family:Verdana, Geneva, sans-serif;line-height:14px}
a{color:#039}
a:hover{color:#f60}
.pop{position:absolute;left:40%;top:40%;width:300px;height:100px;background:#eee;border:1px solid #ccc}
.pop_head{position:relative;height:20px;background:#ccc}
.pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none}
.pop_head a:hover{color:#f60;text-decoration:none}
.pop_body{padding:8px}
-->
关闭
谢谢光临……
event,’pop’);”>弹出按钮
var url = ‘#’;
function show(evt,o){
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;var o = document.getElementById(o);
o.style.display = “”;
}
function hide(o){
var o = document.getElementById(o);
o.style.display = “none”;
window.location = url;
}
document.onclick=function(){hide(‘pop’);}
总结：
1.在调用弹出方法的时候要传入一个事件对象：event。
2.弹出方法要加入事件绑定代码。
3.要有个全局的js代码，用来执行点击其他部位的时候调用隐藏弹出层的方法。
yyygcms4.4源码,vscode全部指南,ubuntu关闭iptables,tomcat 连接池配置,vb sqlite库,手机网页设计分辨率,sql数据库 到虚拟主机,有免费的云服务器吗,兼容幻灯片插件,手机前端css框架,爬虫怎么爬数据,php计算器,学好seo,springboot名著,dedecms include标签,h5自适应网站模板下载,如何修改网页图片,php注册界面模板下载,后台管理模板下载,bootstrap页面灰底色,asp教师管理系统,ecshop 程序下载lzw
如果觉得《js 点击页面其他地方关闭弹出层(示例代码)【javascript】》对你有帮助，请点赞、收藏，并留下你的观点哦！
