界面通告对话框-BACKBONE.NOTIFIER

所属分类:UI-弹出层

 32015  297  查看评论 (0)
分享到微信朋友圈
X
界面通告对话框-BACKBONE.NOTIFIER ie兼容6

Backbone.Notifier是一款能都在网页中弹出对话框的Jquery插件,采用了css3的一些效果,支持多种模式,可运用不同的主题。

使用步骤

1、引用 javascript 文件

<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、引用 样式 文件

<link rel="stylesheet" type="text/css" href="css/notifier-base.css">


notifier-base.css 是托管的,包含了所有的主题样式,你可以选择引用所有的样式或其中一种。
以下是主题样式
(1)’Clean’ 主题
alt=""/>

<link rel="stylesheet" type="text/css" href="css/notifier-theme-clean.css">


(2)’Plastic’ 主题
alt=""/>

<link rel="stylesheet" type="text/css" href="css/notifier-theme-plastic.css">


(3)制作自己的主题样式,请参照 LESS files
3、初始化一个 Backbone.Notifier 的实例

 var notifier = new Backbone.Notifier({
   //自定义参数
});


4、调用 Backbone.Notifier

 nofitier.notify({message: 'Hello world!', ...});


//上面这种写法可以传递和初始化时一样的参数,会覆盖初始化的参数配置

 nofitier.notify('Hello world!');


除此之外还可以使用 Modules ,这里就不讲解了,可以阅读官网的文档


参数配置

详见 官网

相关插件-弹出层

响应式模态框

简洁、弹出效果好的响应式模态框,适用移动端
  弹出层
 37308  436

表格鼠标移入同行同列变色(原创)

jQuery表格鼠标移入后同行同列变色
  弹出层
 27337  320

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 53134  423

jQuery遮罩弹窗居中

jQuery遮罩弹窗始终屏幕剧中,调用简单代码少。
  弹出层
 58356  482

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复