from : http://www.rainweb.cn/JavaScript/message-alert/demo.html

ymPrompt消息提示組件4.0版DEMO演示

頁面IFRAME:


頁面文本:

頁面文本1
頁面文本2

頁面Select選擇框

更換皮膚：  修改默認(rèn)配置：遮罩顏色： 遮罩透明度: 
組件調(diào)用方式1(傳統(tǒng)參數(shù)傳入方式)：
示例調(diào)用方法
ymPrompt.alert('http://www.qq.com',null,null,'確認(rèn)要提交嗎?',handler)
ymPrompt.succeedInfo(document.getElementById('text').innerHTML,400,260,null,handler2)
ymPrompt.errorInfo('操作失敗！',null,null,null,handler)
ymPrompt.confirmInfo('信息確認(rèn)框功能測(cè)試',null,null,null,handler)
ymPrompt.win('<div class=\'myContent\'>普通彈出窗口</div>',300,200,'普通彈窗測(cè)試')
ymPrompt.win('http://www.qq.com',500,300,'騰訊QQ官方網(wǎng)站',handler,null,null,true)
組件調(diào)用方式2(JSON方式)：
示例源碼
ymPrompt.alert({message:'http://www.qq.com',title:'確認(rèn)要提交嗎?',handler:handler})
ymPrompt.alert({message:'http://www.qq.com',title:'確認(rèn)要提交嗎?',handler:handler})
ymPrompt.succeedInfo({message:'<br /><br />當(dāng)前版本號(hào)：'+ymPrompt.version+'<br />發(fā)布日期：'+ymPrompt.pubDate,width:400,height:260,handler:handler2})
ymPrompt.errorInfo({message:'操作失敗！',handler:handler})
ymPrompt.confirmInfo({message:'信息確認(rèn)框功能測(cè)試',handler:handler})
ymPrompt.win({message:'<div class=\'myContent\'>普通彈出窗口</div>',width:300,height:200,title:'普通彈窗測(cè)試'})
ymPrompt.win({message:'http://www.qq.com',width:500,height:300,title:'騰訊QQ官方網(wǎng)站',handler:handler,iframe:true})
其他使用方式演示：
示例源碼
ymPrompt.alert()
ymPrompt.alert('消息內(nèi)容')
ymPrompt.alert({title:'我的標(biāo)題',message:'我的內(nèi)容'})
ymPrompt.alert({title:'fixPosition使用演示',message:'我會(huì)隨滾動(dòng)條一起滾動(dòng)',fixPosition:true})
ymPrompt.alert({title:'dragOut使用演示',message:'我不能拖出到窗口可見區(qū)域以外',dragOut:false})
ymPrompt.alert({title:'autoClose使用演示',message:'程序控制關(guān)閉',autoClose:false,handler:autoClose})
ymPrompt.win({message:'<br><center>無標(biāo)題欄</center>',handler:noTitlebar,btn:[['關(guān)閉我']],titleBar:false})
ymPrompt.alert({message:'不顯示遮罩',title:'不顯示遮罩',showMask:false})
ymPrompt.alert({message:'右下角彈出',title:'右下角彈出',winPos:'rb'})
ymPrompt.alert({message:'自定義彈出位置',title:'右下角彈出',winPos:[200,1000]})
ymPrompt.win({message:'自定義按鈕',title:'自定義按鈕測(cè)試',handler:testHd,btn:[['是','yes'],['否','no'],['取消','cancel']]})
組件方式及屬性調(diào)用演示：
示例源碼
ymPrompt.win('<div class=fmt>版本號(hào)：'+ymPrompt.version+'<br>發(fā)布日期：'+ymPrompt.pubDate+'<br>組件當(dāng)前配置信息：'+json2str(ymPrompt.cfg)+'</div>',250,450)
ymPrompt.win({message:'iframe.html',width:500,height:300,title:'getPage測(cè)試',handler:handlerIframe,iframe:true})
ymPrompt.alert({message:'一秒鐘后我的大小改為[400,300]',height:200,width:250});
setTimeout(function(){ymPrompt.resizeWin(400,300)},1000);
ymPrompt.alert({message:'兩秒鐘后自動(dòng)點(diǎn)擊確定按鈕',handler:handler});setTimeout(function(){ymPrompt.doHandler('ok')},1000);
ymPrompt.alert({message:'懸浮右下角，模擬qq',fixPosition:true,winPos:'rb',showMask:false})
ymPrompt.alert({message:'英文化成功',handler:en})
ymPrompt.alert({message:'中文化成功',handler:cn})