zoukankan      html  css  js  c++  java
  • Jquery通知组件

    Jquery通知组件(类似于ElementUI的通知)

    引入方式见

    https://www.jq22.com/jquery-info476

    toastr.options = {
                "closeButton": true,
                "debug": false,
                "positionClass": "toast-bottom-left",
                "onclick": null,
                "showDuration": "200",
                "hideDuration": "1000",
                "timeOut": "20000",
                "extendedTimeOut": "1000",
                "showEasing": "swing",
                "hideEasing": "linear",
                "showMethod": "fadeIn",
                "hideMethod": "fadeOut"
            };
            toastr.info(nodeDetail);

    $(function(){
    
    //参数设置,若用默认值可以省略以下面代
    toastr.options = {
    "closeButton": false, //是否显示关闭按钮
    "debug": false, //是否使用debug模式
    "positionClass": "toast-top-full-width",//弹出窗的位置
    "showDuration": "300",//显示的动画时间
    "hideDuration": "1000",//消失的动画时间
    "timeOut": "5000", //展现时间
    "extendedTimeOut": "1000",//加长展示时间
    "showEasing": "swing",//显示时的动画缓冲方式
    "hideEasing": "linear",//消失时的动画缓冲方式
    "showMethod": "fadeIn",//显示时的动画方式
    "hideMethod": "fadeOut" //消失时的动画方式
    };
    
    
    
    //成功提示绑定
    
    $("#success").click(function(){
    
    toastr.success("祝贺你成功了");
    
    })
    
    
    
    //信息提示绑定
    
    $("#info").click(function(){
    
    toastr.info("这是一个提示信息");
    
    })
    
    
    
    //敬告提示绑定
    
    $("#warning").click(function(){
    
    toastr.warning("警告你别来烦我了");
    
    })
    
    
    
    //错语提示绑定
    
    $("#error").click(function(){
    
    toastr.error("出现错误,请更改");
    
    })
    
    
    //清除窗口绑定
    
    $("#clear").click(function(){
    
    toastr.clear();
    
    })
    
    });
  • 相关阅读:
    keypress事件
    input输入框(blur,change,focus)
    click点击以后添加新class,删除其余同名class
    强制数组并且匹配Array
    模拟鼠标事件
    简单的form操作
    鼠标滚轮事件(mousewheel、DOMMouseScroll)
    事件委托技术
    从程序员到项目经理:项目经理必须懂一点“章法”
    JavaScript项目优化总结
  • 原文地址:https://www.cnblogs.com/liruilong/p/13722926.html
Copyright © 2011-2022 走看看