html js 循环提示框,纯js超酷消息提示框插件notice.js

notice.js是一款纯js超酷消息提示框插件。notice.js为纯js编写，没有任何依赖文件。通过它可以在页面上制作出漂亮的toast消息通知框效果。该js消息提示框插件的特点还有：

支持4中情景类型：error， warning， info， success。

消息框可以显示在9个位置：topLeft, topCenter, middleLeft, middleRight, middleCenter, bottomLeft, bottomRight, bottomCenter。

消息框内容支持HTML元素。

安装

可以通过npm或bower来安装notice.js插件。

bower install notice.js --save

npm install notice.js --save

使用方法

在页面中引入noticejs.css和noticejs.js文件。

初始化插件

notice.js消息提示框插件最基本的用法如下：

new NoticeJs({

text: 'Notification message',

position: 'topLeft',

}).show();

你也可以结合animate.css来为消息通知框添加炫酷的CSS3动画效果。

在页面中引入animate.css文件。

然后在配置参数中设置animation参数：

new NoticeJs({

text: 'Notification message',

position: 'topLeft',

animation: {

open: 'animated bounceInRight',

close: 'animated bounceOutLeft'

}

}).show();

html js 循环提示框,纯js超酷消息提示框插件notice.js相关推荐

超酷消息警告框插件（SweetAlert）
今天给大家推荐一款不错的超酷消息警告框–SweetAlert:SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap.它的提示框不仅美丽动人,并且允许自定义,支持 ...
sweetalert php,SweetAlert-js超酷消息警告框插件
简单介绍 SweetAlert是一款神奇的javascript弹出消息警告框插件.可替换所有alert弹框使用方法要使用该插件,首先要在header中引入以下文件(已打包附件内,上传注意是模版文件 ...
js超酷消息警告框美化插件
演示地址:考高分网-致力于简单高效的学习网 (kaotop.com)http://www.kaotop.com/ 正如上图你看到的这样,这就是今天要给大家分享的一款JAVASCRIPT弹窗插件-Swe ...
超酷炫粒子背景插件—particles.js
GitHub-教程-下载 1)先到github中下载particles.js-master.zip,下载下来的文件中有一个demo案例. 2)将demo文件中的particles.min.js.sty ...
JS做的一款动感超酷banner
banner 正在学习banner制作,参考技术大牛的代码,修改增加了超链接,完整代码如下: <!DOCTYPE html> <html> <head><me ...
超酷的模态框效果 - Nifty
dreamweaver免费视频教程:http://www.51rgb.com/mproductzh.aspx?classid=31加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费 ...
unity 弹窗提示_【原创】Unity3D 消息提示框
本文永久地址:http://www.omuying.com/article/60.aspx,[文章转载请注明出处!] 消息提示框,大家都并不陌生,他们的主要作用是给予用户提示,用 NGUI 来做消息提 ...
分享10个帮助你实现超酷特效的jQuery插件
日期:2012-4-4 来源:GBin1.com 今天我们这篇文章中将推荐给大家10个超酷的jQuery插件帮助大家实现超酷的jQuery特效,绝对超过其它的普通jQuery插件.希望大家喜欢! 1 ...
android 更换软件提示音,修改微信APP新消息提示音（教程）！
熟悉我的朋友都知道,我只带来干货,每天都是实用技能!今天教大家如何自定义消息通知铃声.来电铃声.闹铃铃声,Android操作系统由于其特征,自定义这些很简单,目前很多音乐APP软件都有个" ...

html js 循环提示框,纯js超酷消息提示框插件notice.js

html js 循环提示框,纯js超酷消息提示框插件notice.js相关推荐

最新文章

热门文章