娑堟伅鎻愮ず缁勪欢婕旂ず鍙婁娇鐢ㄧ畝浠?/title> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <script type="text/javascript" src="msgbox.js"></script> <link rel="stylesheet" id='skin' type="text/css" href="msgbox.css" /> <style type="text/css"> html{ height:100%;width:100%; } body{ margin:5px 10px;font-size:12px; } h1{text-align:center;font-size:24px;line-height:1.5em} h3{ margin:10px 0 0;padding:0; font-size:14px;line-height:25px } .help ul li{ margin:2px 0;list-style-type:square;line-height:1.5em } .myContent{padding:50px 0;text-align:center} .prop{color:#00f;font-family:fixedsys} .table{border-collapse:collapse;border:1px solid #999;margin:5px 0} .table caption{background:#eee;line-height:30px;border:1px solid #999;font-weight:bold} .table th,.table td{border:1px solid #999;text-align:right} .table th{text-align:center;line-height:22px;} .table td.code{ background:#eee;font-family:'Courier New'; line-height:20px;font-size:12px;text-align:left; } .fmt{margin:10px 20px;line-height:1.5em} .mycls{font-size:18px;padding:50px 0} .confirm{padding:15px 20px;font-weight:bold;font-size:14px;line-height:30px} .confirm input {width:100%;border:1px inset #ccc} .customCls{ font-weight:bold;color:#00f;font-size:20px;padding:30px 0;text-align:center } #myInput{width:90%} </style> <script type="text/javascript"> function $(id){ return document.getElementById(id) } //Yubox.setDefaultCfg({slideShowHide:false}); Yubox.errorInfo({message:'鍒濆鍖栧脊鍑轰竴锛?,title:'閿欒鎻愮ず',height:200,width:300,fixPosition:true,msgCls:'mycls',handler:function(){}}) Yubox.alert({message:'鍒濆鍖栧脊鍑轰簩锛?br>鎴戝彲浠ユ渶澶у寲鏈€灏忓寲',title:'hello!',maxBtn:true,minBtn:true,height:230,width:350}); window.onload=function(){ var o=$('chgSkin'); var css=$('skin'); o.selectedIndex=0; o.onchange=function(){ css.href='skin/'+this.options[this.selectedIndex].value+'/Yubox.css'; } } function json2str(o){ var arr=[]; var fmt=function(s){ if(typeof s=='object' && s!=null) return json2str(s); return /^(string|number)$/.test(typeof s)?"'"+s+"'":s; } for(var i in o) arr.push(i+':'+fmt(o[i])); return '{<br> '+arr.join(',<br> ')+' <br>}'; } //var location=document.location; </script> </head> <body> <h1>娑堟伅鎻愮ず缁勪欢婕旂ず鍙婁娇鐢ㄧ畝浠?/h1> <h3>椤甸潰IFRAME:</h3> <br /> <b>鏇存崲鐨偆锛?/b><select id='chgSkin'> <option value='qq'>QQ</option> <option value='simple'>Simple</option> <option value='simple_gray'>SimpleGray</option> <option value='vista'>VISTA</option> <option value='dmm-green'>dmm-Green</option> <option value='bluebar'>bluebar</option> <option value='black'>black</option> </select> <b>淇敼榛樿閰嶇疆锛?/b>鎷栧姩绐椾綋鐨勯€忔槑搴︼細<input type='text' size=10 value='0.8' id='c2' /> 閬僵棰滆壊锛?input type='text' size=10 value='#00f' id='c0' /> 閬僵閫忔槑搴?<input id='c1' size=10 type='text' value='0.1' /> <input type="button" value="淇敼榛樿閰嶇疆" onclick="Yubox.setDefaultCfg({winAlpha:$('c2').value||'0.8',maskAlpha:$('c1').value||'0.1',maskAlphaColor:$('c0').value||'#00f'});Yubox.alert({title:'鎻愮ず淇℃伅',message:'鎭枩锛侀粯璁ら厤缃慨鏀规垚鍔燂紒'})" /> <div style='display:none' id='txt'> 鍦╳eb寮€鍙戜腑锛屽浜庢祻瑙堝櫒榛樿鐨勬秷鎭彁绀烘锛堝alert,confirm绛夛級澶栬鏃犳硶鎺у埗锛屽悓鏃舵垜浠粡甯稿笇鏈涜兘瀹炵幇涓€浜泈indow.open涔嬬被鐨勫脊鍑烘锛屼絾window.open寮瑰嚭妗嗗瓨鍦ㄨ澶氶棶棰橈紝濡傚彲鑳借鎷︽埅锛岀晫闈笉缇庤绛夈€? <br />涓轰簡瀹炵幇鏇村ソ鐨勭晫闈㈡晥鏋滃拰鎺у埗锛屼簬鏄ā鎷熺郴缁熺殑娑堟伅鎻愮ず妗嗗強寮瑰嚭绐楀彛瀹炵幇浜嗚缁勪欢銆傚湪澶栬涓婂彲浠ラ€氳繃css杩涜瀹屽叏鐨勬帶鍒躲€? </div> <hr> <table width='100%' cellpadding='3' cellspacing='0' class='table'> <caption>缁勪欢璋冪敤鏂瑰紡1(浼犵粺鍙傛暟浼犲叆鏂瑰紡)锛?/caption> <tr align='center'> <th width=150>绀轰緥</th> <th>璋冪敤鏂规硶</th> </tr> <tr> <td><input type="button" value="淇℃伅鎻愮ず" onclick="Yubox.alert('http://www.qq.com',null,null,'纭瑕佹彁浜ゅ悧?',handler)" /></td> <td class='code'>Yubox.alert('http://www.qq.com',null,null,'纭瑕佹彁浜ゅ悧?',handler)</td> </tr> <tr> <td><input type="button" id='b2' value="鎴愬姛淇℃伅" onclick="Yubox.succeedInfo($('txt').innerHTML,400,260,null,handler2)" /></td> <td class='code'>Yubox.succeedInfo($('txt').innerHTML,400,260,null,handler2)</td> </tr> <tr> <td><input type="button" value="澶辫触淇℃伅" onclick="Yubox.errorInfo('鎿嶄綔澶辫触锛?,null,null,null,handler)" /></td> <td class='code'>Yubox.errorInfo('鎿嶄綔澶辫触锛?,null,null,null,handler)</td> </tr> <tr> <td><input type="button" value="璇㈤棶淇℃伅" onclick="Yubox.confirmInfo('淇℃伅纭妗嗗姛鑳芥祴璇?,null,null,null,handler)" /></td> <td class='code'>Yubox.confirmInfo('淇℃伅纭妗嗗姛鑳芥祴璇?,null,null,null,handler)</td> </tr> <tr> <td><input type="button" value="鏅€氬脊绐? onclick="Yubox.win('<div class=\'myContent\'>鏅€氬脊鍑虹獥鍙?/div>',300,200,'鏅€氬脊绐楁祴璇?)" /></td> <td class='code'>Yubox.win('<div class=\'myContent\'>鏅€氬脊鍑虹獥鍙?lt;/div>',300,200,'鏅€氬脊绐楁祴璇?)</td> </tr> <tr> <td><input type="button" value="iframe寮圭獥" onclick="Yubox.win('http://www.163.com',500,300,'缃戞槗瀹樻柟缃戠珯',handler,null,null,true);" /></td> <td class='code'>Yubox.win('http://www.163.com',500,300,'缃戞槗瀹樻柟缃戠珯',handler,null,null,{id:'a'})</td> </tr> </table> <table width='100%' cellpadding='3' cellspacing='0' class='table'> <caption>缁勪欢璋冪敤鏂瑰紡2(JSON鏂瑰紡)锛?/caption> <tr align='center'> <th width=150>绀轰緥</th> <th>婧愮爜</th> </tr> <tr> <td><input type="button" value="淇℃伅鎻愮ず" onclick="Yubox.alert({message:'http://www.qq.com',slideShowHide:false,title:'纭瑕佹彁浜ゅ悧?',handler:handler})" /></td> <td class='code'>Yubox.alert({message:'http://www.qq.com',slideShowHide:false,title:'纭瑕佹彁浜ゅ悧?',handler:handler})</td> </tr> <tr> <td><input type="button" value="鎴愬姛淇℃伅" onclick="Yubox.succeedInfo({message:$('txt').innerHTML,width:400,height:260,handler:handler2})" /></td> <td class='code'>Yubox.succeedInfo({message:$('txt').innerHTML,width:400,height:260,handler:handler2})</td> </tr> <tr> <td><input type="button" value="澶辫触淇℃伅" onclick="Yubox.errorInfo({message:'鎿嶄綔澶辫触锛?,handler:handler})" /></td> <td class='code'>Yubox.errorInfo({message:'鎿嶄綔澶辫触锛?,handler:handler})</td> </tr> <tr> <td><input type="button" value="璇㈤棶淇℃伅" onclick="Yubox.confirmInfo({message:'淇℃伅纭妗嗗姛鑳芥祴璇?,handler:handler})" /></td> <td class='code'>Yubox.confirmInfo({message:'淇℃伅纭妗嗗姛鑳芥祴璇?,handler:handler})</td> </tr> <tr> <td><input type="button" value="鏅€氬脊绐? onclick="Yubox.win({message:'鏅€氬脊鍑虹獥鍙?,width:300,height:200,cls:'myContent',title:'鏅€氬脊绐楁祴璇?})" /></td> <td class='code'>Yubox.win({message:'鏅€氬脊鍑虹獥鍙?,width:300,height:200,msgCls:'myContent',title:'鏅€氬脊绐楁祴璇?})</td> </tr> <tr> <td><input type="button" value="iframe寮圭獥" onclick="Yubox.win({message:'http://www.163.com',width:500,height:300,title:'缃戞槗瀹樻柟缃戠珯',handler:handler,maxBtn:true,minBtn:true,iframe:true})" /></td> <td class='code'>Yubox.win({message:'http://www.163.com',width:500,height:300,title:'缃戞槗瀹樻柟缃戠珯',handler:handler,maxBtn:true,minBtn:true,iframe:true})</td> </tr> </table> <table width='100%' cellpadding='3' cellspacing='0' class='table'> <caption>鍏朵粬浣跨敤鏂瑰紡婕旂ず锛?/caption> <tr align='center'> <th width=150>绀轰緥</th> <th>婧愮爜</th> </tr> <tr> <td><input type="button" value="鏈€绠€璋冪敤1" onclick="Yubox.alert()" /></td> <td class='code'>Yubox.alert()</td> </tr> <tr> <td><input type="button" value="鏈€绠€璋冪敤2" onclick="Yubox.alert('娑堟伅鍐呭')" /></td> <td class='code'>Yubox.alert('娑堟伅鍐呭')</td> </tr> <tr> <td><input type="button" value="璁剧疆娑堟伅鍜屾爣棰? onclick="Yubox.alert({title:'鎴戠殑鏍囬',message:'鎴戠殑鍐呭'})" /></td> <td class='code'>Yubox.alert({title:'鎴戠殑鏍囬',message:'鎴戠殑鍐呭'})</td> </tr> <tr> <td><input type="button" value="鑷畾涔塱frame灞炴€? onclick="Yubox.win({title:'iframe妯″紡',fixPosition:true,maxBtn:true,minBtn:true,iframe:{id:'myId',name:'myName',src:'http://www.baidu.com'}})" /></td> <td class='code'>Yubox.win({title:'iframe妯″紡',fixPosition:true,maxBtn:true,minBtn:true,iframe:{id:'myId',name:'myName',src:'http://www.baidu.com'}})</td> </tr> <tr> <td><input type="button" value="涓嶉殢婊氬姩鏉℃粴鍔? onclick="Yubox.alert({title:'fixPosition浣跨敤婕旂ず',message:'鎴戜笉浼氶殢婊氬姩鏉′竴璧锋粴鍔?,fixPosition:false})" /></td> <td class='code'>Yubox.alert({title:'fixPosition浣跨敤婕旂ず',message:'鎴戜笉浼氶殢婊氬姩鏉′竴璧锋粴鍔?,fixPosition:false})</td> </tr> <tr> <td><input type="button" value="鍙湪绐楀彛澶栨嫋鍔? onclick="Yubox.alert({title:'dragOut浣跨敤婕旂ず',message:'鎴戝彲浠ユ嫋鍑哄埌绐楀彛鍙鍖哄煙浠ュ',dragOut:true})" /></td> <td class='code'>Yubox.alert({title:'dragOut浣跨敤婕旂ず',message:'鎴戝彲浠ユ嫋鍑哄埌绐楀彛鍙鍖哄煙浠ュ',dragOut:true})</td> </tr> <tr> <td><input type="button" value="绋嬪簭鎺у埗鍏抽棴" onclick="Yubox.alert({title:'autoClose浣跨敤婕旂ず',message:'绋嬪簭鎺у埗鍏抽棴',autoClose:false,handler:autoClose})" /></td> <td class='code'>Yubox.alert({title:'autoClose浣跨敤婕旂ず',message:'绋嬪簭鎺у埗鍏抽棴',autoClose:false,handler:autoClose})</td> </tr> <tr> <td><input type="button" value="鏃犳爣棰樻爮" onclick="Yubox.win({message:'<br><center>鏃犳爣棰樻爮</center>',handler:noTitlebar,btn:[['鍏抽棴鎴?]],titleBar:false})" /></td> <td class='code'>Yubox.win({message:'<br><center>鏃犳爣棰樻爮</center>',handler:noTitlebar,btn:[['鍏抽棴鎴?]],titleBar:false})</td> </tr> <tr> <td><input type="button" value="鏃犲叧闂寜閽? onclick="Yubox.win({message:'<br><center>鏃犲叧闂寜閽?/center>',btn: ['OK'],closeBtn:false})" /></td> <td class='code'>Yubox.win({message:'<br><center>鏃犲叧闂寜閽?lt;/center>',btn: ['OK'],closeBtn:false})</td> </tr> <tr> <td><input type="button" value="涓嶆樉绀洪伄缃? onclick="Yubox.alert({message:'涓嶆樉绀洪伄缃?,title:'涓嶆樉绀洪伄缃?,showMask:false})" /></td> <td class='code'>Yubox.alert({message:'涓嶆樉绀洪伄缃?,title:'涓嶆樉绀洪伄缃?,showMask:false})</td> </tr> <tr> <td><input type="button" value="鍙充笅瑙掑脊鍑? onclick="Yubox.alert({message:'鍙充笅瑙掑脊鍑?,title:'鍙充笅瑙掑脊鍑?,winPos:'rb'})" /></td> <td class='code'>Yubox.alert({message:'鍙充笅瑙掑脊鍑?,title:'鍙充笅瑙掑脊鍑?,winPos:'rb'})</td> </tr> <tr> <td><input type="button" value="鑷畾涔夊脊鍑轰綅缃? onclick="Yubox.alert({message:'鑷畾涔夊脊鍑轰綅缃?,title:'鍙充笅瑙掑脊鍑?,winPos:[200,400]})" /></td> <td class='code'>Yubox.alert({message:'鑷畾涔夊脊鍑轰綅缃?,title:'鍙充笅瑙掑脊鍑?,winPos:[200,1000]})</td> </tr> <tr> <td><input type="button" value="鑷畾涔夋寜閽? onclick="Yubox.alert({message:'鑷畾涔夋寜閽?,title:'鑷畾涔夋寜閽祴璇?,handler:testHd,btn:[['鏄?,'yes'],['鍚?,'no'],['鍙栨秷','cancel']]})" /></td> <td class='code'>Yubox.win({message:'鑷畾涔夋寜閽?,title:'鑷畾涔夋寜閽祴璇?,handler:testHd,btn:[['鏄?,'yes'],['鍚?,'no'],['鍙栨秷','cancel']]})</td> </tr> <tr> <td><input type="button" value="瀹氫箟绐椾綋閫忔槑搴? onclick="Yubox.alert({message:'鎷栧姩绐椾綋鏃剁殑閫忔槑搴︿负0.5',title:'鑷畾涔夋寜閽祴璇?,winAlpha:0.5})" /></td> <td class='code'>Yubox.alert({message:'鎷栧姩绐椾綋鏃剁殑閫忔槑搴︿负0.5',title:'鑷畾涔夋寜閽祴璇?,winAlpha:0.5})</td> </tr> <tr> <td><input type="button" value="鏄剧ず绐椾綋闃村奖(IE)" onclick="Yubox.alert({message:'鏄剧ず绐椾綋闃村奖',title:'鏄剧ず闃村奖',showShadow:true})" /></td> <td class='code'>Yubox.alert({message:'鏄剧ず绐椾綋闃村奖',title:'鏄剧ず闃村奖',showShadow:true})</td> </tr> <tr> <td><input type="button" value="绐椾綋娣″叆娣″嚭" onclick="Yubox.alert({message:'绐椾綋娣″叆娣″嚭',title:'娣″叆娣″嚭',useSlide:true,handler:slideHd})" /></td> <td class='code'>Yubox.alert({message:'绐椾綋娣″叆娣″嚭',title:'娣″叆娣″嚭',useSlide:true,handler:slideHd})</td> </tr> <tr> <td><input type="button" value="鑷畾涔夋贰鍏ユ贰鍑? onclick="Yubox.alert({message:'鑷畾涔夋贰鍏ユ贰鍑?,title:'娣″叆娣″嚭',useSlide:true,slideCfg:{increment:0.1,interval:100},handler:slideHd})" /></td> <td class='code'>Yubox.alert({message:'鑷畾涔夋贰鍏ユ贰鍑?,title:'娣″叆娣″嚭',useSlide:true,slideCfg:{increment:0.1,interval:100},handler:slideHd})</td> </tr> <tr> <td><input type="button" value="鏈€澶у寲鏈€灏忓寲" onclick="Yubox.alert({message:'鏄剧ず鏈€澶у寲鏈€灏忓寲鎸夐挳',title:'鏈€澶у寲鏈€灏忓寲',minBtn:true,maxBtn:true})" /></td> <td class='code'>Yubox.alert({message:'鏄剧ず鏈€澶у寲鏈€灏忓寲鎸夐挳',title:'鏈€澶у寲鏈€灏忓寲',minBtn:true,maxBtn:true})</td> </tr> <tr> <td><input type="button" value="鑷畾涔夊唴瀹规牱寮? onclick="Yubox.win({message:'鑷畾涔夊唴瀹规牱寮?,title:'鑷畾涔夊唴瀹规牱寮?,msgCls:'customCls'})" /></td> <td class='code'>Yubox.win({message:'鑷畾涔夊唴瀹规牱寮?,title:'鑷畾涔夊唴瀹规牱寮?,msgCls:'customCls'})</td> </tr> <tr> <td><input type="button" value="鍏佽鍙抽敭" onclick="Yubox.alert({message:'鍏佽鍦ㄦ秷鎭涓娇鐢ㄥ彸閿?,title:'鍏佽鍙抽敭',allowRightMenu:true})" /></td> <td class='code'>Yubox.alert({message:'鍏佽鍦ㄦ秷鎭涓娇鐢ㄥ彸閿?,title:'鍏佽鍙抽敭',allowRightMenu:true})</td> </tr> <tr> <td><input type="button" value="鍏佽閫夋嫨" onclick="Yubox.alert({message:'鍏佽閫夋嫨娑堟伅妗嗕腑鍐呭',title:'鍏佽閫夋嫨',allowSelect:true})" /></td> <td class='code'>Yubox.alert({message:'鍏佽閫夋嫨娑堟伅妗嗕腑鍐呭',title:'鍏佽閫夋嫨',allowSelect:true})</td> </tr> <tr> <td><input type="button" value="妯′豢绯荤粺Confirm" onclick="Yubox.confirmInfo({icoCls:'',msgCls:'confirm',message:'璇疯緭鍏ユ偍鐨勫鍚嶏細<br><input type=\'text\' id=\'myInput\' onfocus=\'this.select()\' />',title:'璇疯緭鍏ユ偍鐨勫悕瀛?,height:150,handler:getInput,autoClose:false})" /></td> <td class='code'>Yubox.confirmInfo({icoCls:'',msgCls:'confirm',message:'璇疯緭鍏ユ偍鐨勫鍚嶏細<br><input type='text' id='myInput' onfocus='this.select()' />',title:'璇疯緭鍏ユ偍鐨勫悕瀛?,height:150,handler:getInput,autoClose:false})" /></td> </tr> </table> <table width='100%' cellpadding='3' cellspacing='0' class='table'> <caption>缁勪欢鏂瑰紡鍙婂睘鎬ц皟鐢ㄦ紨绀猴細</caption> <tr align='center'> <th width=150>绀轰緥</th> <th>婧愮爜</th> </tr> <tr> <td><input type="button" value="灞炴€ц鍙? onclick="Yubox.win('<div class=fmt>鐗堟湰鍙凤細'+Yubox.version+'<br>鍙戝竷鏃ユ湡锛?+Yubox.pubDate+'<br>缁勪欢褰撳墠閰嶇疆淇℃伅锛?+json2str(Yubox.cfg)+'</div>',250,500)" /></td> <td class='code'>Yubox.win('<div class=fmt>鐗堟湰鍙凤細'+Yubox.version+'<br>鍙戝竷鏃ユ湡锛?+Yubox.pubDate+'<br>缁勪欢褰撳墠閰嶇疆淇℃伅锛?+json2str(Yubox.cfg)+'</div>',250,500)</td> </tr> <tr> <td><input type="button" value="getPage娴嬭瘯" onclick="Yubox.win({message:'iframe.html',width:500,height:300,title:'getPage娴嬭瘯',handler:handlerIframe,autoClose:false,iframe:true})" /></td> <td class='code'>Yubox.win({message:'iframe.html',width:500,height:300,title:'getPage娴嬭瘯',handler:handlerIframe,autoClose:false,iframe:true})</td> </tr> <tr> <td><input type="button" value="resizeWin娴嬭瘯" onclick="Yubox.alert({message:'涓€绉掗挓鍚庢垜鐨勫ぇ灏忔敼涓篬400,300]',height:200,width:250});setTimeout(function(){Yubox.resizeWin(400,300)},1000);" /></td> <td class='code'>Yubox.alert({message:'涓€绉掗挓鍚庢垜鐨勫ぇ灏忔敼涓篬400,300]',height:200,width:250});<br>setTimeout(function(){Yubox.resizeWin(400,300)},1000);</td> </tr> <tr> <td><input type="button" value="doHandler娴嬭瘯" onclick="Yubox.alert({message:'涓ょ閽熷悗鑷姩鐐瑰嚮纭畾鎸夐挳',handler:handler});setTimeout(function(){Yubox.doHandler('ok')},1000);" /></td> <td class='code'>Yubox.alert({message:'涓ょ閽熷悗鑷姩鐐瑰嚮纭畾鎸夐挳',handler:handler});<br>setTimeout(function(){Yubox.doHandler('ok')},1000);</td> </tr> <tr> <td><input type="button" value="getButtons娴嬭瘯" onclick="Yubox.alert({message:'鐐瑰嚮纭畾鏄剧ず鎸夐挳鐨勫唴瀹?,autoClose:false,btn:[['鏄?,'yes'],['鍚?,'no']],handler:getButtons})" /></td> <td class='code'>Yubox.alert({message:'鐐瑰嚮纭畾鏄剧ず鎸夐挳鐨勫唴瀹?,autoClose:false,btn:[['鏄?,'yes'],['鍚?,'no']],handler:getButtons})</td> </tr> <tr> <td><input type="button" value="妯℃嫙qq娑堟伅" onclick="Yubox.alert({message:'鎮诞鍙充笅瑙掞紝妯℃嫙qq',fixPosition:true,winPos:'rb',showMask:false})" /></td> <td class='code'>Yubox.alert({message:'鎮诞鍙充笅瑙掞紝妯℃嫙qq',fixPosition:true,winPos:'rb',showMask:false})</td> </tr> <tr> <td><input type="button" value="绐楀彛鐘舵€佸嚱鏁? onclick="Yubox.alert({message:'绐楀彛鐘舵€佹搷浣?,width:400,autoClose:false,btn:[['鏈€澶у寲','max'],['鏈€灏忓寲','min'],['姝ｅ父鎬?,'normal'],['鍏抽棴','close']],handler:stateHd})" /></td> <td class='code'>Yubox.alert({message:'绐楀彛鐘舵€佹帶鍒?,width:400,autoClose:false,btn:[['鏈€澶у寲','max'],['鏈€灏忓寲','min'],['姝ｅ父鎬?,'normal'],['鍏抽棴','close']],handler:stateHd})</td> </tr> <tr> <td><input type="button" value="鑻辨枃鍖? onclick="en();Yubox.alert({message:'鑻辨枃鍖栨垚鍔?})" /></td> <td class='code'>en();Yubox.alert({message:'鑻辨枃鍖栨垚鍔?})</td> </tr> <tr> <td><input type="button" value="涓枃鍖? onclick="cn();Yubox.alert({message:'涓枃鍖栨垚鍔?})" /></td> <td class='code'>cn();Yubox.alert({message:'涓枃鍖栨垚鍔?})</td> </tr> </table> <hr> <h3>璋冪敤鏂规硶鍙婂弬鏁拌鏄?/h3> <ol class='help'> <li>鍦ㄩ〉闈腑寮曞叆ymPrompt.js銆傚锛?lt;script type="text/javascript" src="Yubox.js"></script></li> <li>鍦ㄩ〉闈腑寮曞叆瀵瑰簲鐨勭毊鑲ゆ枃浠剁殑CSS锛屽锛?lt;link rel="stylesheet" type="text/css" href="skin/qq/Yubox.css" /></li> <li>鑷畾涔夌粍浠剁殑榛樿閰嶇疆淇℃伅锛?span style='color:#f00'>姝ゆ楠ゅ彲閫?/span>锛岃鏂规硶鍙互鍦ㄤ换鎰忔椂闂磋皟鐢級 <br />椤甸潰鐨刯s涓€氳繃ymPrompt.setDefaultCfg(cfg)鏂规硶淇敼缁勪欢閮ㄥ垎鎴栧叏閮ㄧ殑榛樿灞炴€с€? <br />濡傦細Yubox.setDefaultCfg({maskAlpha:0.2,maskAlphaColor:'#00f'}) <br /> <br />缁勪欢鐨勯粯璁ら厤缃紙瀵逛簬娌℃湁璁惧畾鐨勯」灏嗛噰鐢ㄨ閰嶇疆椤圭殑榛樿鍊硷級锛? <br />{ <br /> message: '鍐呭', //娑堟伅妗嗘寜閽? <br /> width: 300, //瀹? <br /> height: 185, //楂? <br /> title: '鏍囬', //娑堟伅妗嗘爣棰? <br /> handler: function() {}, //鍥炶皟浜嬩欢 <br /> maskAlphaColor: '#000', //閬僵閫忔槑鑹? <br /> maskAlpha: 0.1, //閬僵閫忔槑搴? <br /> <br /> iframe: false, //iframe妯″紡 <br /> icoCls: '', //鍥炬爣鐨勬牱寮? <br /> btn: null, //鎸夐挳閰嶇疆 <br /> autoClose: true, //鐐瑰嚮鍏抽棴銆佺‘瀹氱瓑鎸夐挳鍚庤嚜鍔ㄥ叧闂? <br /> fixPosition: true, //闅忔粴鍔ㄦ潯婊氬姩 <br /> dragOut: false, //涓嶅厑璁告嫋鍑虹獥浣撹寖鍥? <br /> titleBar: true, //鏄剧ず鏍囬鏍? <br /> showMask: true, //鏄剧ず閬僵 <br /> winPos: 'c', //鍦ㄩ〉闈腑闂存樉绀? <br /> winAlpha:0.8, //鎷栧姩绐椾綋鏃剁獥浣撶殑閫忔槑搴? <br /> closeBtn:true, //鏄惁鏄剧ず鍏抽棴鎸夐挳 <br /> showShadow:false, //涓嶆樉绀洪槾褰憋紝鍙IE鏈夋晥 <br /> useSlide:false, //涓嶄娇鐢ㄦ贰鍏ユ贰鍑? <br /> slideCfg:{increment:0.3,interval:50}, //娣″叆娣″嚭閰嶇疆 <br /><br /> //鎸夐挳鏂囨湰锛屽彲閫氳繃鑷畾涔夎繖浜涘睘鎬у疄鐜版湰鍦板寲 <br /> closeTxt: '鍏抽棴', <br /> okTxt:' 纭?瀹?', <br /> cancelTxt:' 鍙?娑?', <br /> msgCls:'ym-content' //娑堟伅鍐呭鐨勬牱寮? <br /> minBtn:false, //涓嶆樉绀烘渶灏忓寲鎸夐挳 <br /> minTxt:'鏈€灏忓寲', <br /> maxBtn:false, //涓嶆樉绀烘渶澶у寲鎸夐挳 <br /> maxTxt:'鏈€澶у寲' <br /> allowSelect:false, //鏄惁鍏佽閫夋嫨娑堟伅妗嗗唴瀹癸紝榛樿涓嶅厑璁? <br /> allowRightMenu:false //鏄惁鍏佽鍦ㄦ秷鎭浣跨敤鍙抽敭锛岄粯璁や笉鍏佽 <br />} </li> <li>鏍规嵁鎮ㄧ殑闇€瑕佽皟鐢ㄧ浉搴旂殑娑堟伅鍑芥暟(涓ょ鍙傛暟浼犲叆鏂瑰紡)锛? <ul> <li>Yubox.alert(鍙傛暟) //娑堟伅鎻愮ず绫诲瀷</li> <li>Yubox.succeedInfo(鍙傛暟) //鎴愬姛淇℃伅绫诲瀷</li> <li>Yubox.errorInfo(鍙傛暟) //閿欒淇℃伅绫诲瀷</li> <li>Yubox.confirmInfo(鍙傛暟) //璇㈤棶娑堟伅绫诲瀷<br /><br /></li> <li>Yubox.win(鍙傛暟) //鑷畾涔夌獥鍙ｇ被鍨?</li> </ul> <br /><b>鍙傛暟浼犲叆鏂瑰紡鍖呭惈涓ょ锛?/b> <ul> <li>绗竴绉嶅嵆浼犵粺鐨勫弬鏁颁紶鍏ワ紝鎸夌収椤哄簭浼犲叆鐩稿簲鐨勫弬鏁板€煎嵆鍙紙涓€瀹氳鎸夌収椤哄簭锛夛紝瀵逛簬涓嶉渶瑕佽瀹氱殑鍊艰浼犲叆null銆傚ymPrompt.alert('鍐呭',null,null,'鏍囬') <br />鍙傛暟椤哄簭涓婇潰鐨勯粯璁ら厤缃腑鍙傛暟椤哄簭涓€鑷?br /><br /> </li> <li>(鎺ㄨ崘)绗簩绉嶅嵆JSON鐨勪紶鍏ユ柟寮忥紝闇€瑕佹寚瀹氬瓧娈靛悕,娌℃湁椤哄簭锛屾牴鎹渶瑕佽瀹氱浉鍏冲睘鎬с€傚ymPrompt.alert({title:'鏍囬',message:'鍐呭'})</li> </ul> <br /><b>浜斾釜鏂规硶鐨勫弬鏁版剰涔夊畬鍏ㄧ浉鍚?鎵€鏈夊弬鏁板潎涓哄彲閫夛紝涓嶄紶鍏ュ垯浣跨敤榛樿鍙傛暟鍊?,鍏蜂綋鍚箟濡備笅锛?</b> <ul> <li><strong>message锛?/strong>娑堟伅缁勪欢瑕佹樉绀虹殑鍐呭锛岄粯璁や负鈥滃唴瀹光€濄€?/li> <li><strong>width锛?/strong>娑堟伅妗嗙殑瀹藉害锛岄粯璁や负300銆?/li> <li><strong>height锛?/strong>娑堟伅妗嗙殑楂樺害锛岄粯璁や负185銆?/li> <li><strong>title锛?/strong>娑堟伅缁勪欢鏍囬锛岄粯璁や负鈥滄爣棰樷€?/li> <li><strong>handler锛?/strong>鍥炶皟鍑芥暟銆傚綋纭畾/鍙栨秷/鍏抽棴鎸夐挳琚偣鍑绘椂浼氳Е鍙戣鍑芥暟骞朵紶鍏ョ偣鍑荤殑鎸夐挳鏍囪瘑銆傚ok浠ｈ〃纭畾锛宑ancel浠ｈ〃鍙栨秷锛宑lose浠ｈ〃鍏抽棴</li> <li><strong>maskAlphaColor锛?/strong>閬僵鐨勯鑹诧紝榛樿涓洪粦鑹层€?</li> <li><strong>maskAlpha锛?/strong>閬僵鐨勯€忔槑搴︼紝榛樿涓?.1銆?br/><br/> </li> <li><strong>fixPosition锛?/strong>璁惧畾鏄惁寮瑰嚭妗嗛殢婊氬姩鏉′竴璧锋诞鍔紝淇濇寔鍦ㄥ睆骞曠殑鍥哄畾浣嶇疆锛岄粯璁や负true </li> <li><strong>dragOut锛?/strong>璁惧畾鏄惁鍏佽鎷栧嚭灞忓箷鑼冨洿锛岄粯璁や负false銆?</li> <li><strong>autoClose锛?/strong>璁惧畾鐢ㄦ埛鐐瑰嚮绐楀彛涓寜閽悗鑷姩鍏抽棴绐楀彛锛岄粯璁や负true锛堣瀹氫负false鍚庣▼搴忎腑鍙互閫氳繃璋冪敤close鏂规硶鍏抽棴锛夈€?/li> <li><strong>titleBar锛?/strong>鏄惁鏄剧ず鏍囬鏍忥紝榛樿鏄剧ず銆傛敞鎰忥紝濡傛灉娌℃湁鏍囬鏍忛渶瑕佽嚜宸卞湪绋嬪簭涓帶鍒跺叧闂€?/li> <li><strong>showMask锛?/strong>鏄惁鏄剧ず閬僵灞傦紝榛樿涓簍rue</li> <li><strong>winPos锛?/strong>寮瑰嚭绐楀彛鐨勪綅缃紝鏀寔8绉嶅唴缃綅缃紙c,l,t,r,b,lt,rt,lb,rb锛夊強鑷畾涔夌獥鍙ｅ潗鏍?榛樿涓篶銆? <br /> 鍚勫弬鏁版剰涔夛細c:椤甸潰涓棿,l:椤甸潰宸︿晶,t:椤甸潰椤堕儴,r:椤甸潰鍙充晶,b:椤甸潰椤堕儴,lt:宸︿笂瑙?rt:鍙充笂瑙?lb:宸︿笅瑙?rb:鍙充笅瑙?/li> <li><strong>winAlpha锛?/strong>寮瑰嚭绐椾綋鎷栧姩鏃剁殑閫忔槑搴︼紝榛樿涓?.8 <br /><br />//浠ヤ笅涓変釜鍙傛暟涓昏鐢ㄤ簬win鏂规硶锛堝綋鐒朵綘涔熷彲浠ラ€氳繃璁惧畾杩欎簺瑕嗙洊鍓嶉潰鍥涗釜娑堟伅绫诲瀷鐨勯粯璁ゅ睘鎬э級銆? </li> <li><strong>iframe锛?/strong>鏄惁浣跨敤iframe鏂规硶鍔犺浇鍐呭锛岃灞炴€у鏋滀负true鎴栬€卭bject锛岀粍浠跺垯灏濊瘯灏唌essage鍐呭浣滀负url杩涜鍔犺浇(<span style='color:#f00'>濡傛灉灞炴€у€间负涓€涓猳bject锛屽垯灏唎bject鐨勫唴瀹规坊鍔犱负iframe鐨勫睘鎬э紝濡俰frame:{id:'myId',name:'myName',src:'http://www.baidu.com'}鍒檌frame鐨刬d涓簃yId,name涓簃yName,src涓篽ttp://www.baidu.com</span>)銆傞粯璁や负false銆?</li> <li><strong>icoCls锛?/strong>鍥炬爣绫诲瀷銆備紶鍏ョ殑鍐呭涓篶lassName锛屽叿浣撳啓娉曞彲浠ュ弬鑰儁mprompt.css涓鍥炬爣鐨勫畾涔夋柟寮忋€傞粯璁や负绌恒€?</li> <li><strong>btn锛?/strong>鎸夐挳瀹氫箟銆備紶鍏ョ殑鏄暟缁勫舰寮忋€傛瘡涓寜閽殑鏍煎紡涓篬'鎸夐挳鏂囨湰','鎸夐挳鏍囪瘑']锛?br>濡俒['纭畾','ok'],['鍙栨秷','cancel'],['鍏抽棴','close']]绛夈€? <br />娉ㄦ剰鍗曚釜鎸夐挳搴旇鏄繖鏍风殑锛歔['纭畾','ok']]</li> <li><strong>closeBtn锛?/strong>鏄惁鏄剧ず鍏抽棴鎸夐挳锛岄粯璁や负true锛堟樉绀猴級銆?br /><br /></li> <li><strong>showShadow锛?/strong>鏄惁鍚敤寮瑰嚭妗嗛槾褰辨晥鏋滐紙IE Only锛夛紝榛樿涓篺alse</li> <li><strong>useSlide锛?/strong>f鏄惁鍚敤寮瑰嚭妗嗙殑娓愭樉娓愰殣鏁堟灉锛岄粯璁や负false</li> <li><strong>slideCfg锛?/strong>娓愬彉鏁堟灉鐨勯厤缃俊鎭?鍙傛暟鏍煎紡涓簅bject锛屽睘鎬у寘鎷琲ncerment:閫忔槑搴︽瘡娆″鍔犵殑鍊硷紝interval:鍙樺寲鐨勯€熷害銆備緥濡傦細{incerment:0.3,interval:50}銆傝鍙傛暟浠呭湪useSlide涓簍rue鏃舵湁鏁? <br /><br />//浠ヤ笅鍙傛暟鍙敤浜庡缁勪欢璇█鏈湴鍖栵紝濡傜敤浜庤嫳鏂囩瓑绯荤粺涓?/li> <li><strong>okTxt锛?/strong>纭畾鎸夐挳鐨勬枃鏈弿杩帮紝榛樿涓衡€滅‘瀹氣€?/li> <li><strong>cancelTxt锛?/strong>鍙栨秷鎸夐挳鐨勬枃鏈弿杩帮紝榛樿涓衡€滃彇娑堚€?/li> <li><strong>closeTxt锛?/strong>鍏抽棴鎸夐挳鐨勬枃鏈弿杩帮紙榧犳爣鏀惧湪鍏抽棴鎸夐挳涓婃椂鏄剧ず锛夛紝榛樿涓衡€滃叧闂€?/li> <li><strong>minTxt锛?/strong>鏈€灏忓寲鎸夐挳鐨勬枃鏈弿杩帮紝榛樿涓衡€滄渶灏忓寲鈥?/li> <li><strong>maxTxt锛?/strong>鏈€澶у寲鎸夐挳鐨勬枃鏈弿杩帮紝榛樿涓衡€滄渶澶у寲鈥?br /><br /></li> <li><strong>minBtn锛?/strong>鏄惁鏄剧ず鏈€灏忓寲鎸夐挳锛岄粯璁や负false</li> <li><strong>maxBtn锛?/strong>鏄惁鏄剧ず鏈€澶у寲鎸夐挳锛岄粯璁や负false<br /><br /></li> <li><strong>allowSelect锛?/strong>鏄惁鍏佽閫夋嫨娑堟伅妗嗗唴瀹癸紝榛樿涓篺alse</li> <li><strong>allowRightMenu锛?/strong>鏄惁鍏佽鍦ㄦ秷鎭涓娇鐢ㄥ彸閿紝榛樿涓篺alse</li> </ul> </li> <li><strong>鎿嶄綔鎺ュ彛锛?/strong> <br/><br/> <dl> <dt><strong>灞炴€э細</strong></dt> <dd><span class='prop'>version锛?/span>褰撳墠鐗堟湰鍙?濡傦細alert(Yubox.version)</dd> <dd><span class='prop'>pubDate锛?/span>褰撳墠鐗堟湰鐨勫彂甯冩棩鏈?濡傦細alert(Yubox.pubDate);</dd> <dd><span class='prop'> cfg锛?/span>缁勪欢鐨勫綋鍓嶇殑榛樿閰嶇疆</dd> <dt><strong>鏂规硶锛?/strong></dt> <dd><span class='prop'>setDefaultCfg(cfg)锛?/span>璁惧畾缁勪欢鐨勯粯璁ゅ睘鎬э紝璁惧畾鍚庣殑鎵€鏈夊脊鍑哄潎榛樿閲囩敤cfg涓殑璁剧疆銆?br /> 濡傦細Yubox.setDefaultCfg({maskAlpha:0.2,maskAlphaColor:'#00f'}); //璁惧畾閬僵灞傞鑹蹭负钃濊壊锛岄€忔槑搴?.2<br /><br /><dd> <dd><span class='prop'>getPage()锛?/span>鍦╥frame绐楀彛妯″紡涓嬶紝鑾峰彇鍒癷frame鐨刣om瀵硅薄銆?br /> 濡傦細alert(Yubox.getPage().contentWindow.document.body.outerHTML); //鑾峰彇iframe椤甸潰鐨刪tml鍐呭<br /><br /><dd> <dd><span class='prop'>resizeWin(w,h)锛?/span>閫氳繃绋嬪簭鍔ㄦ€佷慨鏀圭獥鍙ｇ殑澶у皬銆傚弬鏁帮細w锛氬搴︼紝h:楂樺害<br /> 濡傦細Yubox.resizeWin(400,300); //淇敼寮瑰嚭妗嗗搴︿负400px锛岄珮搴︿负300px<br /><br /><dd> <dd><span class='prop'>doHandler(sign,autoClose)锛?/span>妯℃嫙瑙﹀彂鏌愪釜鎸夐挳鐨勭偣鍑讳簨浠躲€傚弬鏁皊ign:浼犵粰鍥炶皟鍑芥暟鐨勬爣璇嗭紝autoClose:鏄惁鑷姩鍏抽棴绐楀彛锛堥粯璁ら噰鐢ㄥ叏灞€閰嶇疆锛?br /> 濡傦細Yubox.doHandler('ok',false); //瑙﹀彂纭畾鎸夐挳鐨勭偣鍑讳簨浠讹紝骞朵笖鎵ц瀹屽洖璋冨嚱鏁板悗涓嶅叧闂獥鍙?br /><br /><dd> <dd><span class='prop'>getButtons()锛?/span>鑾峰彇褰撳墠寮瑰嚭绐楀彛鐨勬墍鏈夋寜閽璞★紝杩斿洖缁撴灉鏄竴涓璞￠泦鍚?鏁扮粍)銆?br /> 濡傦細var btnID=Yubox.getButtons()[0].id; //鑾峰彇绗竴涓寜閽殑id<br /><br /><dd> <dd><span class='prop'>close()锛?/span>鍏抽棴褰撳墠寮瑰嚭鐨勭獥鍙? 濡傦細Yubox.close()<br /><br /><dd> <dd><span class='prop'>max()锛?/span>鏈€澶у寲寮瑰嚭绐楀彛銆?br /><br /><dd> <dd><span class='prop'>min()锛?/span>鏈€灏忓寲寮瑰嚭绐楀彛<br /><br /><dd> <dd><span class='prop'>normal()锛?/span>绐楀彛鏅€氬脊鍑虹姸鎬?br /><dd> </dl> </li> <li><strong>鍏朵粬璇存槑锛?/strong>濡傛灉瑙夊緱鈥滃璞?鏂规硶鈥濈殑璋冪敤鏂瑰紡姣旇緝楹荤儲锛屽彲浠ラ噰鐢ㄥ涓嬫柟寮忕畝鍖栬皟鐢細 <br />鍦ㄨ皟鐢ㄤ箣鍓嶈瀹歷ar Alert=Yubox.alert銆備箣鍚庡氨鍙互浣跨敤Alert()鐨勬柟寮忚繘琛岃皟鐢ㄣ€? </li> </ol> <script type="text/javascript"> function cn(){ Yubox.setDefaultCfg({title:'鏍囬', message:"鍐呭",okTxt:' 纭?瀹?',cancelTxt:' 鍙?娑?',closeTxt:'鍏抽棴',minTxt:'鏈€灏忓寲',maxTxt:'鏈€澶у寲'}); } function en(){ Yubox.setDefaultCfg({title:'Default Title', message:"Default Message",okTxt:' OK ',cancelTxt:' Cancel ',closeTxt:'Close',minTxt:'Minimize',maxTxt:'Maximize'}); } function slideHd(){ Yubox.alert('鐪嬪埌鏁堟灉浜嗗悧锛?); } function getInput(tp){ if(tp!='ok') return Yubox.close(); var v=$('myInput').value; if(v=='') alert('璇疯緭鍏ユ偍鐨勫悕瀛楋紒') else{ alert('浣犺緭鍏ョ殑鍊间负锛?+v) Yubox.close(); } } function getButtons(){ var btnObjs=Yubox.getButtons(),arr=[]; for(var i=0;i<btnObjs.length;i++) arr.push('鎸夐挳'+(i+1)+"鍐呭:"+document.createElement("DIV").appendChild(btnObjs[i].cloneNode(true)).parentNode.innerHTML); alert(arr.join('\n\n')); Yubox.close(); } function autoClose(){ alert('涓夌閽熻嚜鍔ㄥ叧闂?); setTimeout(function(){Yubox.close()},3000) } function handlerIframe(){ alert(Yubox.getPage().contentWindow.document.body.innerHTML); Yubox.close(); } function noTitlebar(){ alert('鎻愮ず锛氶櫎浜嗗彲浠ラ€氳繃澧炲姞鎸夐挳鏉ユ帶鍒讹紝杩樺彲浠ュ湪瀛愰〉闈腑璋冪敤璇ラ〉闈㈢殑ymPrompt.close鏂规硶鏉ュ叧闂?); } var Alert=Yubox.alert; function cancelFn(){ Alert("鐐瑰嚮浜?鍙栨秷'鎸夐挳"); } function okFn(){ Alert("鐐瑰嚮浜?纭畾'鎸夐挳"); } function closeFn(){ Alert("鐐瑰嚮浜?鍏抽棴'鎸夐挳"); } function handler(tp){ if(tp=='ok'){ okFn(); } if(tp=='cancel'){ cancelFn(); } if(tp=='close'){ closeFn() } } function testHd(tp){ Alert('浣犵偣鍑荤殑鎸夐挳鐨勬爣蹇椾负锛?+tp); } function handler2(tp){ if(tp=='ok'){ Yubox.confirmInfo("淇濆瓨鎴愬姛!鏄惁鎵撳嵃绋庣エ锛?,null,null,"闂鎻愮ず",function(tp){tp=='ok'?ticketPrevie("print"):loadImposeInfo()}) } if(tp=='cancel'){ cancelFn(); } if(tp=='close'){ closeFn() } } function ticketPrevie(xx){ Alert(xx) } function loadImposeInfo(){ Alert("exit") } function stateHd(tp){ Yubox[tp](); } </script> </body> </html>