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

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

頁面IFRAME:


頁面文本:

頁面文本1
頁面文本2

頁面Select選擇框

更換皮膚：  修改默認配置：遮罩顏色： 遮罩透明度: 
組件調用方式1(傳統參數傳入方式)：
示例調用方法
ymPrompt.alert('http://www.qq.com',null,null,'確認要提交嗎?',handler)
ymPrompt.succeedInfo(document.getElementById('text').innerHTML,400,260,null,handler2)
ymPrompt.errorInfo('操作失敗！',null,null,null,handler)
ymPrompt.confirmInfo('信息確認框功能測試',null,null,null,handler)
ymPrompt.win('<div class=\'myContent\'>普通彈出窗口</div>',300,200,'普通彈窗測試')
ymPrompt.win('http://www.qq.com',500,300,'騰訊QQ官方網站',handler,null,null,true)
組件調用方式2(JSON方式)：
示例源碼
ymPrompt.alert({message:'http://www.qq.com',title:'確認要提交嗎?',handler:handler})
ymPrompt.alert({message:'http://www.qq.com',title:'確認要提交嗎?',handler:handler})
ymPrompt.succeedInfo({message:'<br /><br />當前版本號：'+ymPrompt.version+'<br />發布日期：'+ymPrompt.pubDate,width:400,height:260,handler:handler2})
ymPrompt.errorInfo({message:'操作失敗！',handler:handler})
ymPrompt.confirmInfo({message:'信息確認框功能測試',handler:handler})
ymPrompt.win({message:'<div class=\'myContent\'>普通彈出窗口</div>',width:300,height:200,title:'普通彈窗測試'})
ymPrompt.win({message:'http://www.qq.com',width:500,height:300,title:'騰訊QQ官方網站',handler:handler,iframe:true})
其他使用方式演示：
示例源碼
ymPrompt.alert()
ymPrompt.alert('消息內容')
ymPrompt.alert({title:'我的標題',message:'我的內容'})
ymPrompt.alert({title:'fixPosition使用演示',message:'我會隨滾動條一起滾動',fixPosition:true})
ymPrompt.alert({title:'dragOut使用演示',message:'我不能拖出到窗口可見區域以外',dragOut:false})
ymPrompt.alert({title:'autoClose使用演示',message:'程序控制關閉',autoClose:false,handler:autoClose})
ymPrompt.win({message:'<br><center>無標題欄</center>',handler:noTitlebar,btn:[['關閉我']],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:'自定義按鈕測試',handler:testHd,btn:[['是','yes'],['否','no'],['取消','cancel']]})
組件方式及屬性調用演示：
示例源碼
ymPrompt.win('<div class=fmt>版本號：'+ymPrompt.version+'<br>發布日期：'+ymPrompt.pubDate+'<br>組件當前配置信息：'+json2str(ymPrompt.cfg)+'</div>',250,450)
ymPrompt.win({message:'iframe.html',width:500,height:300,title:'getPage測試',handler:handlerIframe,iframe:true})
ymPrompt.alert({message:'一秒鐘后我的大小改為[400,300]',height:200,width:250});
setTimeout(function(){ymPrompt.resizeWin(400,300)},1000);
ymPrompt.alert({message:'兩秒鐘后自動點擊確定按鈕',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})