Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 javascript同页面多次调用弹出层代码

javascript同页面多次调用弹出层代码

发布时间:2016-12-12   编辑:www.jquerycn.cn
jquery中文网为您提供javascript同页面多次调用弹出层代码等资源,欢迎您收藏本站,我们将为您提供最新的javascript同页面多次调用弹出层代码资源
一个在同一个页面可多次调用的javascript弹出层效果,有需要的同学可参考一下。
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>点击文字弹出层</title> <style type="text/css"> </style> </head> <body>

1111111111111111111111111

利海米兰春天地址为:岳麓区联丰路298号(猴子石大桥以西,湖南中医药大学正对面),详情请致电售楼处:400-7055-111转52159
<span>手机号码:</span>

1.网络繁忙时会有延迟,请不要在短时间内多次重复发送
2.每个手机号码当日可接收5条楼盘信息

22222222222222222222

利海米兰春天地址为:岳麓区联丰路298号(猴子石大桥以西,湖南中医药大学正对面),详情请致电售楼处:400-7055-111转52159
<span>手机号码:</span>

1.网络繁忙时会有延迟,请不要在短时间内多次重复发送
2.每个手机号码当日可接收5条楼盘信息

<script type="text/javascript"> var EX = { addEvent: function (k, v) { var me = this; if (me.addEventListener) me.addEventListener(k, v, false); else if (me.attachEvent) me.attachEvent("on" k, v); else me["on" k] = v; }, removeEvent: function (k, v) { var me = this; if (me.removeEventListener) me.removeEventListener(k, v, false); else if (me.detachEvent) me.detachEvent("on" k, v); else me["on" k] = null; }, stop: function (evt) { evt = evt || window.event; evt.stopPropagation ? evt.stopPropagation() : evt.cancelBubble = true; } }; document.getElementById('pop').onclick = EX.stop; var url = '#'; function show() { var o = document.getElementById('pop'); o.style.display = ""; setTimeout(function () { EX.addEvent.call(document, 'click', hide); }); } function hide() { var o = document.getElementById('pop'); o.style.display = "none"; EX.removeEvent.call(document, 'click', hide); } function show2() { var o = document.getElementById('pop2'); o.style.display = ""; setTimeout(function () { EX.addEvent.call(document, 'click', hide2); }); } function hide2() { var o = document.getElementById('pop2'); o.style.display = "none"; EX.removeEvent.call(document, 'click', hide2); } </script> </body> </html> </textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
javascript看点击文字弹出层代码
javascript同页面多次调用弹出层代码
javascript弹出层锁定弹出层以外不可点击
js鼠标滑过弹出层的定位IE6中bug的解决办法
基于jquery的弹窗插件 weebox
javascript弹出窗口实例讲解(多个例子,多种实现方法)
jquery 事件冒泡的介绍以及如何阻止事件冒泡
JavaScript编程基础(13)-框架编程
漂亮的jquery提示效果(仿腾讯弹出层)
解决jQuery插件tipswindown与hintbox冲突

[关闭]