基於jquery的消息提示框toastr.js


 1 //消息提示全局配置
 2     toastr.options = {
 3       "closeButton": false,//是否配置關閉按鈕
 4       "debug": false,//是否開啟debug模式
 5       "newestOnTop": false,//新消息是否排在最上層
 6       "progressBar": false,//是否顯示進度條
 7       "positionClass": "toast-top-center",//消息框的顯示位置
 8       "preventDuplicates": false,//是否阻止彈出多個消息框
 9       "onclick": null,//點擊回調函數
10       "showDuration": "300",
11       "hideDuration": "1000",
12       "timeOut": "1500",//1.5s后關閉消息框
13       "extendedTimeOut": "1000",
14       "showEasing": "swing",
15       "hideEasing": "linear",
16       "showMethod": "fadeIn",
17       "hideMethod": "fadeOut"
18     }

 

在頁面引入對應的toastr.css和toastr.js,先配置后使用

toastr.success('恭喜您,您已升級為財富合伙人!')

 

該插件github地址


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM