弹出框美化 alert样式美化-LMLPHP

引用style.css和ui.js就可以直接用以下接口调用!(文末附完整代码)

alert_带标题:

mizhu.alert('alert_带标题', '这是alert效果');

弹出框美化 alert样式美化-LMLPHP

alert_带图标:

mizhu.alert('', '这是alert效果','alert_red');

弹出框美化 alert样式美化-LMLPHP

alert_带标题带图标:

mizhu.alert('alert_带标题带图标', '这是alert效果','alert_green');

弹出框美化 alert样式美化-LMLPHP

alert_无标题无图标:

mizhu.alert('', '这是alert效果');

弹出框美化 alert样式美化-LMLPHP

confirm_无标题:

mizhu.confirm('', '是否要取消关注?', function(flag) {
if(flag) {
mizhu.alert('', '取消成功');
}
});

弹出框美化 alert样式美化-LMLPHP

confirm_带标题:

mizhu.confirm('', '是否要取消关注?', function(flag) {
if(flag) {
mizhu.alert('温馨提醒', '取消成功');
}
});

弹出框美化 alert样式美化-LMLPHP

open:

mizhu.open(600, 400, '新浪微博', 'http://weibo.com/yuanyuanforlove');

弹出框美化 alert样式美化-LMLPHP

toast_默认3秒消失:

mizhu.toast('已取消关注');

toast_自定义时间(6秒):

mizhu.toast('已取消关注', 6000);

弹出框美化 alert样式美化-LMLPHP

下载Demo:

http://files.cnblogs.com/files/yuanxiaojian/alert.rar

本人参考了http://www.cnblogs.com/kewei/p/4423112.html 进行修改和美化,增加了一些自定义开关,后续会继续更新。

05-11 21:41