首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ymPrompt讯息提示组件 2.0,4.0

2012-11-22 
ymPrompt消息提示组件 2.0,4.0最近做项目,感觉js的弹出框总是那一个样子的 ,感觉有点审美疲劳了 ,于是在网

ymPrompt消息提示组件 2.0,4.0
最近做项目,感觉js的弹出框总是那一个样子的 ,感觉有点审美疲劳了 ,于是在网上搜索了下js提示框,好东西还是会被发现的 。发现了这个---ymPrompt消息提示组件---,感觉挺好用的,样式也很漂亮,还可以定制很多功能,很好很强大 ,推荐给大家。希望也要做js提示的朋友能用的着!!!!!

=========================================================================

组件名称:ymPrompt消息提示组件 4.0

下载地址2.0版:点击下载
下载地址4.0版:点击下载
=========================================================================

===============组件使用简要介绍===============

1、在页面中引入ymPrompt.js。如:<script type="text/javascript" src="ymPrompt.js"></script>

2、在页面中引入对应的皮肤文件的CSS,如:<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" />

3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用)
页面的js中通过ymPrompt.setDefaultCfg(cfg)方法修改组件部分或全部的默认属性。
如:ymPrompt.setDefaultCfg({maskAlpha:0.2,maskAlphaColor:'#00f'})

组件的默认配置(对于没有设定的项将采用该配置项的默认值):
{
titleBar:true, //显示标题栏
fixPosition:true, //随滚动条浮动
dragOut:false, //不允许拖出页面
autoClose:true, //点击按钮后自动关闭页面
maskAlphaColor:'#000', //遮罩透明色
maskAlpha:0.1, //遮罩透明度
winAlpha:0.8, //拖动窗体时 窗体的透明度,默认为0.8

title: '标题', //消息框标题
message: '内容', //消息框按钮

width: 300, //宽
height: 185, //高
iframe:false,
btn:null,
icoCls:'',
handler: function(){} //回调事件

showMask: true, //是否显示遮罩
winPos: 'c', //弹出窗口默认位置
closeBtn:true, //是否显示关闭按钮

//按钮文本,可通过自定义这些属性实现本地化
closeTxt: '关闭',
okTxt:' 确 定 ',
cancelTxt:' 取 消 '
}

4、根据您的需要调用相应的消息函数(两alert(ymPrompt.getPage().contentWindow.document.body.outerHTML); //获取iframe页面的html内容

resizeWin(w,h):通过程序动态修改窗口的大小。参数:w:宽度,h:高度
如:ymPrompt.resizeWin(400,300); //修改弹出框宽度为400px,高度为300px

doHandler(sign,autoClose):模拟触发某个按钮的点击事件。参数sign:传给回调函数的标识,autoClose:是否自动关闭窗口(默认采用全局配置)
如:ymPrompt.doHandler('ok',false); //触发确定按钮的点击事件,并且执行完回调函数后不关闭窗口

getButtons():获取当前弹出窗口的所有按钮对象,返回结果是一个对象集合(数组)。
如:var btnID=ymPrompt.getButtons()[0].id; //获取第一个按钮的id

close():关闭当前弹出的窗口 如:ymPrompt.close()

6、其他说明:如果觉得“对象.方法”的调用方式比较麻烦,可以采用如下方式简化调用:
在调用之前设定var Alert=ymPrompt.alert。之后就可以使用Alert()的方式进行

5 楼 Shrek82 2010-04-16   谢谢,很实用,有增加了学习Javascript的热情和兴趣。 6 楼 風一樣的男子 2010-04-18   都已经4.0了
这个东西不支持 xhr 7 楼 JavaLanguageFun 2010-04-20   现在一直使用EXT  ,没有注意还出了这个东西 , 真不错 。不过好像没有缓缓重右下角弹出来的那种效果啊! 8 楼 Lyishuai 2010-04-20   我汗,这么快就不能下了! 9 楼 JavaLanguageFun 2010-04-21   这个怎么不能再jsp中使用啊! 10 楼 yi_17328214 2010-04-23   Lyishuai 写道我汗,这么快就不能下了!
不好意思,最近比较忙,没有登录博客,更新了下载地址~ 11 楼 yi_17328214 2010-04-23   JavaLanguageFun 写道这个怎么不能再jsp中使用啊!
可以的啊,我就是在jsp中使用的啊,你是不是代码有问题啊?可以将代码贴出来看看 12 楼 xuanziday 2010-04-24   欢迎大家使用本人自主开发的MC Dialog

完美兼容所有浏览器 强大的功能请在

地址 http://www.iteye.com/topic/652192

产看详情

热点排行