Github: https://github.com/needim/noty

new Noty({
    text: 'NOTY - a dependency-free notification library!',
    animation: {
        open: 'animated bounceInRight', // Animate.css class names
        close: 'animated bounceOutRight' // Animate.css class names
    }
}).show();

全局调用方法

var option = {
  'msg' : "it is a error msg",
  'type': "error"
};
show_noty(option);

全局函数封装

function show_noty($options = {}){

  var options = {
    'layout'   : typeof $options.layout !== 'undefined' ? $options.layout : 'topRight',
    'theme '   : typeof $options.theme !== 'undefined' ? $options.theme : 'mint',
    'closeWith': typeof $options.closeWith !== 'undefined' ? $options.closeWith : ['click', 'button'],
    'timeout': typeof $options.timeout !== 'undefined' ? $options.timeout : false,
    'type': typeof $options.type !== 'undefined' ? $options.type : 'info',
    'msg': typeof $options.msg !== 'undefined' ? $options.msg : 'it is a test'
  };

  new Noty({
    text: options.msg,
    timeout:options.timeout,
    type:options.type,
    layout:options.layout,
    closeWith:options.closeWith
  }).show();
}

chartjs —— jquery柱状图插件

官网地址: http://www.chartjs.org 文档:http://www.chartjs.org/docs/latest/charts/bar.html CDN: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2....

阅读全文

简单功能强大的jQuery图片剪裁插件Image Cropper

引入必要的js和css核心文件 <script src="/path/to/jquery.js"></script><!-- jQuery is required --> <link href="/path/to/cropper...

阅读全文

ckeditor内容和表单一起提交,ajax提交

在ajax提交表单之前执行这个方法 function updateContent() { for(instance in CKEDITOR.instances){ CKEDITOR.instances[instance].updateEleme...

阅读全文

1 条评论

欢迎留言