qmsg插件实现消息提示弹出效果代码

代码语言:html

所属分类:弹出层

代码描述:qmsg插件实现消息提示弹出效果代码

代码标签: 消息 提示 弹出 效果

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["qmsg", "qmsg"], function() {
                var $types = document.querySelector(".types");
                var btns = $types.querySelectorAll(".btn");
                for (var i = 0, btn; btn = btns[i]; i++) {
                    btn.addEventListener("click", function(e) {
                        var type = this.getAttribute("data-type");
                        var txt = this.innerText;
                        Qmsg[type](txt);
                    })
                }
                document.querySelector(".show-close").onclick = function() {
                    Qmsg.config({
                        showClose: true
                    })
                }
                document.querySelector(".hide-close").onclick = function() {
                    Qmsg.config({
                        showClose: false
                    })
                }
                document.querySelector(".close-all").onclick = function() {
                    Qmsg.closeAll();
                }
                var loading;
                document.querySelector(".create-loading").onclick = function() {
                    loading = Qmsg.loading("小鸭子,游呀游~", {
                        onClose: function() {
                            console.log(this)
            .........完整代码请登录后点击上方下载按钮下载查看

网友评论0