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

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

页面IFRAME:

页面文本:

页面文本1
页面文本2

页面Select选择框

  下拉选项1  下拉选项2  下拉选项3 
更换皮肤：   QQ  VISTA  dmm-Green  bluebar  black     修改默认配置： 遮罩颜色：  遮罩透明度:  
组件调用方式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})