数码资讯
js单击页面关闭弹出层(示例代码)
复制代码代码如下所示: 非所有权文件 关闭 谢谢你的光临。 弹出按钮 var url =#; 功能显示(EVT,O){ evt.stoppropagationevt.stoppropagation(EVT):cancelbubble =真; var o = document.getelementby
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
复制代码代码如下所示:
非所有权文件
<!——
* {字体大小:12px;字体:Verdana,日内瓦,sans-serif;线高度:14px }
一{ 039 } #颜色:
答:悬停{颜色:# F60 }
。流行{位置:绝对;左:40%;最高:40%;宽度:300px;身高:100px;背景:# EEE;边框1px solid # CCC }
。pop_head {位置:相对;高度:20px;背景:# CCC }
。pop_head一{位置:绝对;右:8px;线高度:20px;颜色:# 000;文字装饰:无}
。pop_head:悬停{颜色:# F60;文字装饰:无}
pop_body {填充:8px }。
-->
关闭
谢谢你的光临。
弹出按钮
var url =#;
功能显示(EVT,O){
evt.stoppropagationevt.stoppropagation(EVT):cancelbubble =真;
var o = document.getelementbyid(O);
o.style.display = ;
}
函数隐藏(o){
var o = document.getelementbyid(O);
o.style.display =没有;
window.location =网址;
}
文件。onclick =函数(){隐藏(打开引擎');}
总结:
1。当调用弹出式方法时,会引入一个事件对象:事件。
2。将弹出式方法添加到事件绑定代码中。
三.有一个全局js代码,用于执行单击其他部分时调用隐藏弹出层的方法。
非所有权文件
<!——
* {字体大小:12px;字体:Verdana,日内瓦,sans-serif;线高度:14px }
一{ 039 } #颜色:
答:悬停{颜色:# F60 }
。流行{位置:绝对;左:40%;最高:40%;宽度:300px;身高:100px;背景:# EEE;边框1px solid # CCC }
。pop_head {位置:相对;高度:20px;背景:# CCC }
。pop_head一{位置:绝对;右:8px;线高度:20px;颜色:# 000;文字装饰:无}
。pop_head:悬停{颜色:# F60;文字装饰:无}
pop_body {填充:8px }。
-->
关闭
谢谢你的光临。
弹出按钮
var url =#;
功能显示(EVT,O){
evt.stoppropagationevt.stoppropagation(EVT):cancelbubble =真;
var o = document.getelementbyid(O);
o.style.display = ;
}
函数隐藏(o){
var o = document.getelementbyid(O);
o.style.display =没有;
window.location =网址;
}
文件。onclick =函数(){隐藏(打开引擎');}
总结:
1。当调用弹出式方法时,会引入一个事件对象:事件。
2。将弹出式方法添加到事件绑定代码中。
三.有一个全局js代码,用于执行单击其他部分时调用隐藏弹出层的方法。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。