不错的Js消息提示框(vista,qq等众多样式)

组件简介：
1、调用方式进行二次分装，现编写成类，然后将调用方法变成几个简单的方法调用，调用时无需new了。调用方法明了简单。
2、兼容IE6.0+、FF1.5+、Opear9+，兼容HTML4/XHTML1.0页面渲染模式。
3、支持CSS皮肤定制。目前提供了五种皮肤，Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。
4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
5、弹出消息框时屏蔽页面其它元素的操作，自动隐藏页面select及iframe下select（无限级select隐藏），并遮罩iframe等元素。
6、页面select控件状态还原时保持原状态，即如果原来select就是隐藏的，则消息框弹出并关闭后该select仍保持隐藏状态，而只显示原本显示的select。
7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作（包括F5），“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。
8、支持在iframe页面中弹出消息框时遮盖最外层页面（需引用扩展文件ymPromptEx.js）。
9、只要组件js与样式目录相对位置不变，无论将组件放在哪个文件夹中都只需正确引入js文件即可，组件会自动得到css的路径。


使用简介：
1、首先在页面中引入ymPrompt.js。如果在iframe中使用且希望消息框显示在最外层页面则还要引入ymPromptEx.js。
2、然后调用需要的消息函数：
(1)Alert(content,width,height,title,okFunc,cancelFunc) //消息提示类型
(2)SucceedInfo(....) //成功信息类型
(3)ErrorInfo(...) //错误信息类型
(4)ConfirmInfo(....) //询问消息类型

四个方法的参数完全相同：

content:消息组件要显示的内容。
width:消息框的宽度，不设定请置null，宽度自适应。
height:消息框的高度，不设定请置null，高度自适应。
title:消息组件标题
okFunc:点击确定按钮时执行的函数的名称。
CancelFunc:点击取消或关闭按钮时执行的函数的名称。

 

在线演示：http://www.4e6.cn/down.asp?11/demo.html

打包下载：http://www.4e6.cn/down.asp?11/11

 

转载自：http://webjs.4e6.cn/?id=131

评论

1 楼 zfzaizheli 2009-12-31