很多時候都用到彈出框，但是樣式不太好，怎樣設置呢？直接放代碼，拿走不謝~~（也是從別處copy來的，總結一下好用）``` alert 樣式彈出框 - 站長素材``````css.box-{ width:350px; :220px auto; :;}.box- input{ -left:10px; :none; :1px solid #; :#c00; text-align:; :24px; line-:20px; color:#fff; :;}#{:none;:;font-size:12px;width:300px;:;z-index:999; -:3px; font-:微軟雅黑;} # .top{:40px; -color:#;-left:16px; float:left; width:100%;} # .top .right{:100%;-right:6px;} # .top .right .title{:100%;line-:40px;color:#fff;-align:;font-size:14px;:;} # .body{:#fff;-left:10px;} # .body .right{:#fff;-right:2px;} # .body .right .ct{ line-: 60px; -align: ; width: 100%; text-align: ; color:#; font-size: 14px;} # .body .right .ct .pro{width:280px;:solid 1px #;:25px;:#;line-:23px;:;} # .body .right .ct .pro .bg{width:0%;:100%;:#;} # .{:#fff;-left:6px;} # . .right{:100%;/*: url(right-.png) no- right ;*/-right:6px;} input.btn{width:56px; -: 3px; font-:微軟雅黑; :; color:#fff; :none; :25px; text-align:; -color:#;text-align:; :0px auto;} input.{ -color:#; font-:微軟雅黑; -: 3px;width:56px;:0px auto; :none; :25px; :; color:#fff;} # .icon{width:32px;:32px;float:left;-right:10px;} # .error{:url(icon-error.gif) no-;} # .info{:url(icon-info.gif) no-;} # .{:url(icon-.gif) no-;} # .clear{clear:both;} # .{:10px;line-:10px;} #{:none;-moz-:0.5;:alpha(=50);:0.5;-color:#;z-index:100;:;left:0px;top:0px;}#{ text-align:; width:100%;}``````jsvar ={:'',:''}; //是否為ie瀏覽器 .IsIE=!!.all; //ie瀏覽器版本 .=((){if(!.IsIE) -1;try{ (/msie ([\d\.]+)/i.exec(.)[1]);}catch(e){ -1;}})(); //按id獲取對象 .$=(Id,){var o;if(""==(Id))o= .(Id);else if(""==(Id))o= Id;else null; ?(.IsIE?[Id]:o.):o;} //按標簽名稱獲取對象 //頁面的高和寬****************************** .= == ""; .={x:0,y:0,tx:0,ty:0};//（x，y）：當前的瀏覽器容器大小 （tx，ty）：總的頁面滾動寬度和高度 .=(){/*if(.IsIE)*/ . ? .. :.body.;/*else self.;*/} .=(){var h=!.?.body.:..; Math.max(h,this.());} .=(full){ full?this.():this.();} .=(){/*if(.IsIE)*/ .?..:.body.;/*else self.;*/} .=(){var w=!.?.body.:..; Math.max(w,this.());} .=(full){ full?this.():this.();} .=(){..x=.(false);..y=.(false);..tx=.(true);..ty=.(true);} //頁面的高和寬****************************** .Msg={INFO:'info',ERROR:'error',:'',:false,timer:null,:null,dvCT:null,:null,:null,:null,:null,:300,:(){var o=.$(''),w=o.style.width;if(w=='')w=20;else{w=(w)+20;if(w>100)w=0;}o.style.width=w+'%';},:(width){//ie下不按照添加事件的循序來執行，所以要注意在調用alert等方法時要檢測是否已經初始化= ifStr='',html=''+''+'';this.=.("div");this..id="";this..+=html;.body.(this.);this.=.("div");this..id="";.body.(this.);if(.IsIE&&.彈出窗口。
兩個對象和必須處在body的最后兩個節點內if(.body.!=this.){.body.(this.);.body.(this.);}},:(p,v,fn){var btn=.("input");btn.type="";btn.='btn';btn.value=v;btn.=(){this.='';}btn.=(){this.='btn';}btn.=(){.Msg.hide();if(fn)fn(p);} btn;},alert:(msg){this.show({:{yes:'確認'},msg:msg,title:'消息'});},:(msg,fn){//fn為回調函數，參數和show方法的一致this.show({:{yes:'確認',no:'取消'},msg:msg,title:'提示',fn:fn});},:(,,txtId,fn){if(!)='請輸入：';if(!)="";if(!txtId)txtId="";this.show({title:'輸入提示',msg:+'',:{yes:'確認',no:'取消'},fn:fn});},wait:(msg,title){if(!msg)msg='正在處理..';this.show({title:title,msg:msg,wait:true});},show:(cfg){//cfg:{title:'',msg:'',wait:true,icon:'默認為信息',:{yes:'',no:''},fn:(btn){回調函數,btn為點擊的按鈕，可以為yes，no},width:顯示層的寬}//如果是等待則wait后面的配置不需要了。
。if(!cfg)throw("沒有指定配置文件！");//添加窗體大小改變監聽if(.IsIE).("",this.);else .("",this.,false);if(!this.)this.();//初始化dom對象else this.();//檢查是否在最后//檢查是否要指定寬，默認為300if(cfg.width)this.=cfg.width;this..style.width=this.+'px';//可以直接使用show方法停止為進度條的窗口if(this.timer){(this.timer);this.timer=null;}this..='';if(cfg.title)this..=cfg.title;this.dvCT.='';if(cfg.wait){if(cfg.msg)this.dvCT.=cfg.msg;this.dvCT.+='';this..='';this..style.='10px';this.timer=((){.Msg.();},1000);}else{//if(!cfg.icon)cfg.icon=.Msg.INFO;if(!cfg.||(!cfg..yes&&!cfg..no)){cfg.={yes:'確定'};}if(cfg.icon)this.dvCT.='';if(cfg.msg)this.dvCT.+=cfg.msg+'';this..style.='45px';this..='';if(cfg..yes){this..(this.('yes',cfg..yes,cfg.fn));if(cfg..no)this..(.(''));}if(cfg..no)this..(this.('no',cfg..no,cfg.fn));}.();this..style.='block';this..style.='block';this.(false);},hide:(){this..style.='none';this..style.='none';if(this.timer){(this.timer);this.timer=null;}if(.IsIE).('',this.);else .('',this.,false);},:(){if().();.Msg..style.width=..tx+'px';.Msg..style.=..ty+'px';=240+'px';.Msg..style.left=Math.floor((..x-.Msg..)/2)+'px';} } ```+ 直接復制測試就好！+ 注意點：- 調用方法中可以自定義“確定”或“取消”的函數，點擊事件中寫方法名，然后執行自己定義的方法就可以，彈出框使用.Msg.()方法，第一個參數是彈出框中的文字，第二個參數可以傳函數，函數的形參就是點擊到的yes或no。- 使用過程中修改默認css或js文件中內容有時候無法改變樣式（不知道為什么----），然后只要使用的時候用js覆蓋他的行內樣式就可以了。（如果在測試百度結果頁面展示js樣式，記得多清除瀏覽器記錄百度結果頁面展示js樣式，反正我是被坑慘了---）