toastify.js一款好用的js多彩提示框消息插件

toastify.js一款好用的js多彩提示框消息插件

toastify.js一款好用的js多彩提示框消息插件

使用方式:

第一步引入bfwone 

第二步use插件及css和主题css

第三步配置参数

Toastify({
text: "This is a toast",//提醒内容
duration: 3000//持续时间
}).showToast();

完整例子

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["toastify", "toastify.min"], function() {
                Toastify({

                    text: "This is a toast",

                    duration: 3000

                }).showToast();
            });
        });
    </script>
    <style>
    </style>
</head>
<body>

</body>
</html>

官网:https://apvarun.github.io/toastify-js/#

立即下载toastify.js查看所有js插件

网友评论0

程序员在线工具箱