众所周知,jQuery是javascript比较权威的大众化的入门简单的一个打包库,市面上引用jQuery进行开发的网站很多,那么noty就是基于jQuery的一个非常高端高效的网站message提示的插件,完全取代以前的alert和confirm。
  至于写这篇文章的初衷是因为我怕我忘了noty的使用方法,网上对于这个插件的使用方法屈指可数,而且大多数比较无效,根据我的多次试验,我总结了一个方法,记录一下,以备后用。
  首先这个插件有三个部分,jQuery的基础支持就不说了,首先一个是noty的基础js包,一个是noty的位置包,一个是noty的皮肤包,这三个包缺一不可,如果你不知道在哪下,你可以百度一下noty,找到官网去下,或者引用CDN的线上资源。推荐一个比较好的站:BootCDN,当然你也可以去比如说360前端CDN啦这些比较好的站。这里就不添链接了。
  然后引用如下几个包:

//cdn.bootcss.com/jquery-noty/2.3.5/jquery.noty.min.js
//cdn.bootcss.com/jquery-noty/2.3.5/layouts/center.min.js(这个是指显示在可见区域中间的位置)
//cdn.bootcss.com/jquery-noty/2.3.5/themes/default.min.js(这个是默认风格,关于风格的修改我们后面说)

  这几个包引用在head部分或者body部分都可以。
  然后在之间按照如下格式写:

noty({text:text,type:'success',dismissQueue:!0,theme:"agileUI",layout:'center',timeout:1000,callback:{}}),!1;

  这段呢,最后那个,!1的意思我不知道,反正这样写准没错。
  其他几个部分的属性我解释一下

text:指的是提示的文字
type:指的是类型,当然alert和success的风格样式不一样,confirm也不一样,有几种类型在风格样式里面就可以看到,这个稍后再说
dismissQueue:这个我也忘了,反正没啥用,照抄就是了,属性意义查官网去。
theme:这个指的是引用的风格名称,在风格包里面详说
layout:是指你引用的位置,引用了center.min.js就写center,其他的写其他的
timeout:定时关闭,单位毫秒这个就不用多说了
callback:回调函数,这个可以自定义,但是回调属性还是要查一下官网的,最常用的就是afterClose注意大小写啊,其他的查官网

  以上就是调用的方式,官方只提供了三种风格,default、bootstrap、relax,这三种都可以在bootCDN里面找到,其他的网上基本查不到,你要的话自己改就可以了。
  修改方式,你下载它的源码文件,min文件是压缩过的。源码文件地址:

//cdn.bootcss.com/jquery-noty/2.3.5/themes/default.js

  这个是default风格的源码文件,或者你去官网下载也可以,一般在GitHub上。
  打开包之后里面有一段是:

name : 'defaultTheme',

  这个就是风格名称,也就是上面的那种,如果你喜欢可以改为其他名字,不过调用的时候属性里也要写上你修改后的名字。
  其他的部分就是比如说alert的样式,背景颜色啦,border颜色啦等等之类的,只要你找得到,就按照你自己想要的风格去修改。至于我修改的我就不放出来了。
  至此,基本的使用方式就这些了,其他的请参照官网文档。