Backbone.Notifier是一款能都在网页中弹出对话框的Jquery插件,采用了css3的一些效果,支持多种模式,可运用不同的主题。
1、引用 javascript 文件
1 2 3 | < script type = "text/javascript" src = "Backbone.Notifier.js" ></ script > < script type = "text/javascript" src = "backbone-0.9.2.js" ></ script > < script type = "text/javascript" src = "jquery.min.js" ></ script > |
2、引用 样式 文件
1 | < link rel = "stylesheet" type = "text/css" href = "css/notifier-base.css" > |
notifier-base.css 是托管的,包含了所有的主题样式,你可以选择引用所有的样式或其中一种。
以下是主题样式
(1)’Clean’ 主题
alt=""/>
1 | < link rel = "stylesheet" type = "text/css" href = "css/notifier-theme-clean.css" > |
(2)’Plastic’ 主题
alt=""/>
1 | < link rel = "stylesheet" type = "text/css" href = "css/notifier-theme-plastic.css" > |
(3)制作自己的主题样式,请参照 LESS files
3、初始化一个 Backbone.Notifier 的实例
1 2 3 | var notifier = new Backbone.Notifier({ //自定义参数 }); |
4、调用 Backbone.Notifier
1 | nofitier.notify({message: 'Hello world!', ...}); |
//上面这种写法可以传递和初始化时一样的参数,会覆盖初始化的参数配置
1 | nofitier.notify('Hello world!'); |
除此之外还可以使用 Modules ,这里就不讲解了,可以阅读官网的文档
详见 官网
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com