toasteur弹出通知提示层效果代码

代码语言:html

所属分类:弹出层

代码描述:toasteur弹出通知提示层效果代码,可设置不同的位置弹出,支持成功、错误、警告等类型通知提示。

代码标签: toasteur 弹出 通知 提示层 弹出层

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/toasteur-default.min.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/toasteur.min.js"></script>
</head>

<body style="background-color: mediumslateblue; color: white">

    <button onclick="success();">弹出成功提示</button>

    <button onclick="error();">弹出错误提示</button>

    <button onclick="info();">弹出信息提示</button>

    <button onclick="warn();">弹出警告提示</button>
    <script>
        function success(){
            new Toasteur(.........完整代码请登录后点击上方下载按钮下载查看

网友评论0