html消息提示图标,js炫酷消息通知插件

这是一款js炫酷消息通知插件。该js消息通知插件自带4种情景模式,可以配置消息通知的标题、内容、图标和操作按钮等。

使用方法

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

初始化插件

使用下面的方法来构造一个消息通知对象。

naranja().log({

title: 'Notification Title', //

text: 'Here goes a description for notifiaction', //

icon: true or false, //

timeout: 2000 or 'keep', //

buttons: [

{

text: 'OK',

click: function (e) {

// click event close notifiaction

// unless you use preventClose method

e.preventClose()

// if you want close notifiaction

// manually, use closeNotification

e.closeNotification()

}

},

{

text: 'Cancel',

click: function () {

// make something here...

// you can (but you should not)

// add infinity buttons

}

}

]

})

可以使用的情景模式还有:

naranja().log({ ...

naranja().success({ ...

naranja().warn({ ...

naranja().error({ ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值