美化js系统函数alert,confirm,prompt,并实现lightbox效果
2017-04-21 13:57
721 查看
美化js系统函数alert,confirm,prompt,并实现lightbox效果
注意alert,confirm及prompt并不同于系统的,这个是用层模仿的,并不能挂起程序的执行
所以如果需要在确认后执行相关的操作,需要在配置文件中传递回调函数fn
按钮只提供yes和no两个
Showbo.Msg.alert:参数(要显示的信息)
Showbo.Msg.confirm:参数(提示信息,回调函数)
Showbo.Msg.prompt:参数(输入框前的文字,输入框默认值,输入框id,回调函数),如果未指定“输入框id”, 输入框的id默认为'msg_txtInput"
Showbo.Msg.show:参数(cfg)
cfg:{title:'标题'
,msg:'信息内容'
,wait:true
,icon:'提示图标'
,buttons:{yes:'yes按钮显示的文字',no:'no按钮显示的文字'}
,width:显示的层宽度
,fn:function(btn){回调函数,btn为点击的按钮,可以为yes,no}}
icon的值为Showbo.Msg.ERROR,Showbo.Msg.INFO,Showbo.Msg.WARNING 这个3个
上面的3个方法其实调用的还是此方法,show方法可以
下载地址:
链接:http://pan.baidu.com/s/1kU513EJ 密码:b7yg
注意alert,confirm及prompt并不同于系统的,这个是用层模仿的,并不能挂起程序的执行
所以如果需要在确认后执行相关的操作,需要在配置文件中传递回调函数fn
按钮只提供yes和no两个
Showbo.Msg.alert:参数(要显示的信息)
Showbo.Msg.confirm:参数(提示信息,回调函数)
Showbo.Msg.prompt:参数(输入框前的文字,输入框默认值,输入框id,回调函数),如果未指定“输入框id”, 输入框的id默认为'msg_txtInput"
Showbo.Msg.show:参数(cfg)
cfg:{title:'标题'
,msg:'信息内容'
,wait:true
,icon:'提示图标'
,buttons:{yes:'yes按钮显示的文字',no:'no按钮显示的文字'}
,width:显示的层宽度
,fn:function(btn){回调函数,btn为点击的按钮,可以为yes,no}}
icon的值为Showbo.Msg.ERROR,Showbo.Msg.INFO,Showbo.Msg.WARNING 这个3个
上面的3个方法其实调用的还是此方法,show方法可以
下载地址:
链接:http://pan.baidu.com/s/1kU513EJ 密码:b7yg
相关文章推荐
- 美化js系统函数alert,confirm,prompt,并实现lightbox效果
- JS中confirm,alert,prompt函数区别分析
- JS中confirm,alert,prompt函数使用区别
- JS中confirm,alert,prompt函数使用区别分析
- 一个用 CSS3 样式加上 JS 实现了 alert 和 confirm的效果
- 实现js的类似alert效果的函数
- JS中confirm,alert,prompt函数使用区别分析
- JS对话框函数alert(),confirm(),prompt()
- JS弹出对话框函数alert(),confirm(),prompt()
- JS中confirm,alert,prompt函数区别分析
- jQueryAlert:jQuery JS的Alert、Comfirm、Prompt的提示对话框效果,效果非常棒,可以用来模拟代替默认的对话框
- 将PHP数组赋值给JS通过php系统函数json_encode()来实现
- JS alert()、confirm()、prompt()的区别
- 非常惊艳的Css3的桌面上散落的相片效果,以及单击放大图片的LightBox效果(独立Js非jQuery)的实现原理
- js实现动态消息提示框(模仿android系统中toast的效果)
- (转)在Android的webview中定制js的alert,confirm和prompt对话框的方法
- js alert,confirm,prompt的用法
- JS:1.1,消息框(alert,confirm,prompt)
- 使用jQuery Alert Dialogs Plugin代替JS的confirm时在列表控件中实现
- js下通过getList函数实现分页效果的代码