优雅的提示框

所属分类:UI-反馈,弹出层,工具提示

 73165  947  查看评论 (40)
分享到微信朋友圈
X
优雅的提示框 ie兼容9

一款优秀的弹出层插件,继承苹果风格

==============以下内容由 呵,云淡风轻 提供==============

1.添加js和css的引用

<script src="lib/sweet-alert.min.js"></script> 
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

2.可以调用了

swal({   
   title: "Error!",   
   text: "Here's my error message!",   
   type: "error",   
   confirmButtonText: "Cool" 
});

=================以下代码由 阿呆 提供==================

填加确认及取消的方法

swal({
     title: "Are you sure?",
     text: "You will not be able to recover this imaginary file!",
     type: "warning",
     showCancelButton: true,
     confirmButtonColor: "#DD6B55",
     confirmButtonText: "Yes, delete it!",
     closeOnConfirm: false
}, 

// 函数回调

function(){
     swal("Deleted!", "Your imaginary file has been deleted.", "success");
}
相关插件-反馈,弹出层,工具提示

讨论这个项目(40)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    默丶 0
    2019/5/27 15:54:34
    jay_zyd 0
    2018/3/12 13:51:53
    上帝眷顾的倒霉蛋 0
    2018/2/11 17:31:29
    能在弹出框里添加input吗?
    回复
    踏雪寻梅 0
    2018/1/5 17:14:33

    非常不错,就是还要收分数给个差评

    回复
    qzuser 0
    2017/12/6 9:23:24
    - And you。 0
    2017/11/7 8:41:15
    丛林里仰望天空 0
    2017/8/2 17:23:30

    为什么不能兼容ie11

        ∑Hello0
        2019/4/30 15:57:01
        <!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
        ∑Hello0
        2019/4/30 15:58:03
        <!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
        ‘’<s c r i p t src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>‘’
    回复
    liuboying0726 0
    2017/7/24 14:35:11

    这个能兼容ie,真好

    回复
    笑而不语 0
    2017/5/15 15:29:08

    很好,免费就好了

    回复
    . 0
    2017/4/17 18:36:29
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复