《仿QQ界面的JS提示框组件代码》由会员分享,可在线阅读,更多相关《仿QQ界面的JS提示框组件代码(2页珍藏版)》请在金锄头文库上搜索。
1、$(function() $(“input:button“).click( function () if($(“#name“).val()=“)ymPrompt.alert(message:姓名不能为空!,width:200,height:130) ; else$(“#myform“).submit();); )仿QQ界面的JS提示框组件调用方法及参数说明调用方法及参数说明目前提供了五种皮肤,目前提供了五种皮肤,VistaVista、QQQQ、dmm-greendmm-green、ExtBlueExtBlue 和和 BlackCollBlackColl1. 在页面中引入 ymPrompt.js
2、。如: 2. 在页面中引入对应的皮肤文件的 CSS,如: 3. 根据您的需要调用相应的消息函数: oymPrompt.alert(message,width,height,title,handler,maskAlphaColor,maskAlpha) /消息提示类型oymPrompt.succeedInfo(.) /成功信息类型oymPrompt.errorInfo(.) /错误信息类型oymPrompt.confirmInfo(.) /询问消息类型四个方法的参数个数及意义完全相同: omessagemessage:消息组件要显示的内容,默认为“内容”。owidthwidth:消息框的宽度,默
3、认为 300。oheightheight:消息框的高度,默认为 185。otitletitle:消息组件标题,默认为“标题”ohandlerhandler:回调函数。当确定/取消/关闭按钮被点击时会触发该函数并传入点击的按钮 标识。如 ok 代表确定,cancel 代表取消,close 代表关闭omaskAlphaColormaskAlphaColor:遮罩的颜色,默认为黑色。 omaskAlphamaskAlpha:遮罩的透明度,默认为 0.1。 参数传入方式包含两种: o第一种即传统的参数传入,按照顺序传入相应的参数值即可,对于不需要设定的值请传 入 null。如 ymPrompt.alert(内容,null,null,标题)o第二种即 JSON 的传入方式,需要指定字段名。如 ymPrompt(title:标题,message: 内容) 4. 其他说明:其他说明:如果觉得“对象.方法”的调用方式比较麻烦,可以采用如下方式简化调用: 在调用之前设定 var Alert=ymPrompt.alert。之后就可以使用 Alert()的方式进行调用。