[javascript学习指南]javascript同页面多次调用弹出层代码

时间：2017-08-15 来源：春阅读：

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>
    
    
        
            
                
                    
                        <img  src="images/gb.jpg" width="11" height="10" />
                
                    <p>
                        1111111111111111111111111</p>
                    
                        利海米兰<a href="http://www.bbyears.com/clist-362-1.html" target="_blank" class="keylink">春</a>天地址为:岳麓区联丰路298号（猴子石大桥以西，湖南中医药大学正对面）,详情请致电售楼处:400-7055-111转52159
                    
                    
                        手机号码：<input name="" class="tcinp" type="text" />
                    
                        <input name="button" type="submit" class="pop_but" id="button" value="提交" />
                    <p class="pop_p">
                        1.网络繁忙时会有延迟，请不要在短时间内多次重复发送<br />
                        2.每个手机号码当日可接收5条楼盘信息
                    </p>
                
            
        
        
        
            <img  src="images/phone.gif" width="12" height="19" />
    
    
        
            
                
                    
                        <img  src="images/gb.jpg" width="11" height="10" />
                
                    <p>
                        22222222222222222222</p>
                    
                        利海米兰<a href="http://www.bbyears.com/clist-362-1.html" target="_blank" class="keylink">春</a>天地址为:岳麓区联丰路298号（猴子石大桥以西，湖南中医药大学正对面）,详情请致电售楼处:400-7055-111转52159
                    
                    
                        手机号码：<input name="" class="tcinp" type="text" />
                    
                        <input name="button" type="submit" class="pop_but" id="button" value="提交" />
                    <p class="pop_p">
                        1.网络繁忙时会有延迟，请不要在短时间内多次重复发送<br />
                        2.每个手机号码当日可接收5条楼盘信息
                    </p>
                
            
        
        
        
            <img  src="images/phone.gif" width="12" height="19" />
    
    <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>

提示：您可以先修改部分代码再运行

http://m.bbyears.com/zhufuduanxin/34867.html

推荐访问:

上一篇：【年老力什么】2年老站从高权重到降权的兴衰过程

下一篇：[npq]NP-Q470-JT03CN电池只能充电到80%，如何解决