• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
袁小溅
博客园    首页    新随笔    联系   管理    订阅  订阅
弹出框美化 alert样式美化

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

alert_带标题:

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

 

alert_带图标:

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

 

alert_带标题带图标:

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

 

 alert_无标题无图标:

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

 

confirm_无标题:

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

 

confirm_带标题:

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


open:

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


toast_默认3秒消失:

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

toast_自定义时间(6秒):

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

 

下载Demo:

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


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

袁小溅.yuanxiaojian
posted on 2017-01-17 16:59  袁小溅  阅读(35438)  评论(1)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3