doctype html>html>head lang=en> meta charset=utf-8> style> *{padding: 0; margin: 0;} html{ height: 100%; } body{ font-size: 16px; font-family: microsoft yahei; height: 100%; } h1,h2,h3{ font-weight: lighter; } a{ text-decoration: none; } #selfwinsow{ width: 60%; margin: 0 20%; background: #fff; position: fixed;top: 35%;border: 1px solid #ccc; padding: 0 2% 2% 2%; } #slefclose{ width: 25px; height: 25px; position: absolute;right: 1rem; top: 0.4rem; z-index: 9999; cursor: pointer; } #slefclose::after{ position: absolute; width: 30px; height: 30px; content: ×; font-size: 2.5rem; line-height: 30px; } #selfwinsow h2{ font-size: 1rem; border-bottom: 1px solid #ccc; line-height: 100%; padding:1rem 0; } #selinfo{ font-size: 0.95rem; line-height: 2.1rem; padding: 0.5rem; } #selfbtbox{ padding: 1rem; margin: 0px auto; border: 1px solid #ccc; overflow: hidden; } .selfbt{ padding: 0.8rem 2%;background: #323434; color: #fff; float: left; line-height: 100%; text-align: center; cursor: pointer; } .selfbtdouble{ width: 46%; } .selfbtsingle{ color: #fff; width: 100%; padding: 0.8rem 0; } #selfok{ background: #323434; } .selftalkno{ float: left; position: relative; top: -5px; padding: 4px 10px; display: inline-block; margin-left: 5px; color: #000; } .selftalkok{ float: right; position: relative; top: -5px; display: inline-block; margin-right: 5px; padding: 4px 10px; color: #fff; } #selfno,#linkto2{ background: #eeeeee; color: #555555 } #selfback{ width: 100%; background: rgba(0,0,0,.6); } #selfinput{ display: block; width: 100%; padding: 0.5rem 0; border: 1px solid #eee; border-radius: 3px; margin-bottom: 1rem; text-indent: 0.6rem } #selfinput:focus{ border: 1px solid #087690; } style> title>title> script src=http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js>script> script> /**selfwindow组建，主要是用于模拟移动网站的alert(),confirm()窗口点解某一按钮跳转到某一个页面的效果,*因为给予移动web，所以没有兼容低版本ie*调用方法：var win = new selfwinsow({* types : confirm,//这里可以选择的参数有，alert,confirm,confirm2,link* sleftitle : 香送网温馨提示,//弹窗标题* selfinfo : are you really to remove this tool?,//弹窗信息* selfok : yes,//自定义确定按钮文字* selfno : no,//自定义否认按钮文字* callback:fn,//当types为confirm,confirm2或者是talk时的回调函数，confirm为模拟 */var selfwinsow = function(settings){this.init(settings)};selfwinsow.prototype = { init:function(settings){ this.opts = { types : , sleftitle : , selfinfo : typeof settings == string ? settings : if have any incorrect , and you will continue?, selfok : continue operator the deposit, selfno : back loading page }; this.setting(settings); if(typeof settings == string){ this.opts.selfinfo == settings; } if(settings == || settings == undefined || settings == null){ this.selfalert(); }else if(settings.types == confirm){ this.selfconfirm(); }else if(settings.types == confirm2){ this.selfconfirm2(); }else if(settings.types == link){ this.selflink(); }else if(settings.types==talk){ this.selfmobiletalk(); }else{ this.selfalert(); } }, //confirm窗口 selfconfirm:function(){ var _this = this; var html=+_this.opts.sleftitle+
+_this.opts.selfinfo++_this.opts.selfok++_this.opts.selfno+; this.createmask(html); this.selfevents(); }, //alert窗口 selfalert:function(){ var _this = this; var html=+_this.opts.sleftitle+
+_this.opts.selfinfo++_this.opts.selfok+; this.createmask(html); this.selfevents(); }, selfconfirm2:function(){ var _this = this; var html=+_this.opts.sleftitle+
+_this.opts.selfinfo++_this.opts.selfok+; this.createmask(html); this.selfevents(); }, //带链接窗口 selflink:function(){ var _this = this; var html=+_this.opts.sleftitle+
+_this.opts.selfinfo++_this.opts.selfok++_this.opts.selfno+; this.createmask(html); this.selfevents(); }, selfmobiletalk:function(){ var _this = this; var html=+_this.opts.selfno++_this.opts.sleftitle++_this.opts.selfok+; this.createmask(html); var selfback = document.getelementbyid(selfback); selfback.style.backgroundcolor=#eee; this.selfevents(); }, //事件处理 selfevents:function(){ this.selfok(); var selfno = document.getelementbyid('selfno'); selfno && this.slefno(); }, //确定按钮事件 selfok:function(){ var _this = this; var type = this.opts.types; var bt=true; var selfok = document.getelementbyid(selfok); function selfokfun(e){ var e = e || window.event; var el = e.screlement || e.target; if (el.id == selfok || el.tagname==img) { if(type == alert){ _this.selfremoveback(); }else if(type == confirm || type == talk || confirm2){ if(bt){ _this.opts.callback(); }else{ return false; } _this.selfremoveback(); bt=false; } } } document.removeeventlistener('click',selfokfun,false); document.addeventlistener('click',selfokfun,false); }, //创建背景遮罩 createmask:function(html){ var selfback = document.getelementbyid(selfback); if(selfback){ return false; }else{ var selfback=document.createelement('div'); selfback.id = selfbac