🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A lightweight yet customizable, non-blocking jQuery notification plugin for creating permanent or toast (temporary) notification popups on top of the webpage.

Notification toast-message

Documentation

jQuery notify

使用步骤

1 加载jquery.notify.css样式

<link href="/jquery-notify/src/notify.css" rel="stylesheet"> 

2 在HTML底部添加jquery.notify.js类包文件(当然先要加载jquery库)

<script src="/jquery-notify/src/jquery.notify.js"></script> 

3 调用

$.notify({title :'提示', content:'3秒后自动关闭', timeout:3000}); 

效果

效果图片

主要参数

  • timeout 自动关闭时间,默认值为4500毫秒
  • title 提示标题
  • content 提示内容
  • icon 使用的主要字体类,如iconfont
  • iconType 使用的字体图标类,如icon-success
  • closeIcon 关闭的图标
  • position 位置,可使用 top-left/top-right/bottom-left/bottom-right
  • onClose 点击关闭按钮触发的函数
  • onClick 点击内容触发的函数
  • offset 多个提示框的间隔像素
  • url 点击内容跳转的URL

项目主页

项目主页

演示

演示

author

shixinke

email:[email protected]

website:http://www.shixinke.com


You May Also Like