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.linkTo1+"' class='selfBt selfBtDouble'>"+_this.opts.selfOk+""+_this.opts.linkTo2+"' class='selfBt selfBtDouble'>"+_this.opts.selfNo+""; this.createMask(html); this.selfEvents(); }, selfMobileTalk:function(){ var _this = this; var html=""+_this.opts.selfNo+""+_this.opts.slefTitle+""+_this.opts.selfOk+" |