界面通告对话框-BACKBONE.NOTIFIER

所属分类:UI-弹出层

 31088  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 ,这里就不讲解了,可以阅读官网的文档


参数配置

详见 官网

相关插件-弹出层

各种弹窗alert

jquery弹窗
  弹出层
 66359  374

flavr―超级漂亮的jQuery扁平弹出对话框

flavr是一个时尚的扁平弹出对话框为您的下一个网站。flavr是响应设计布局,能够适应任何屏幕大小。得到最好的用户体验,使用流行的animate.css动画,最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
  弹出层
 143284  1131

jQuery弹出层插件

可无限次弹出,自己设置大小,手动调整大小都可(相比于layer.js要轻量)
  弹出层
 38770  318

CSS3地图热点文字标注提示

当点击地图上的某一位置时,会弹出提示。
  弹出层
 41220  413

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

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