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();
    
    })
    
    });
  • 相关阅读:
    Oracle OCP提纲
    Oracle redo 日志损坏的几种情况下的恢复
    Oracle 归档开启切换和归档日志删除(单实例和RAC)
    MySQL mysqldump备份与恢复
    Oracle 卸载
    MySQL脚本自动安装mysql-5.6.15-linux-glibc2.5-x86_64.tar.gz
    Oracle session出现大量的inactive
    Oracle 备份与恢复基础
    NuGet 下载dll
    Azure Service Bus
  • 原文地址:https://www.cnblogs.com/liruilong/p/13722926.html
Copyright © 2011-2022 走看看