notification是一款基于Animate.CSS的炫酷jQuery消息通知框插件。該插件可以在屏幕的四個角顯示消息通知框，結合Animate.css可以制作出多種效果非常炫酷的CSS3動畫特效。

在線預覽    源碼下載

 使用方法

使用該jQuery消息通知框插件需要引入jQuery，notification.js，animate.css和notification.css文件。

<link rel='stylesheet' href='css/animate.min.css'><link rel="stylesheet" href="css/notification.css"><script src="js/jquery.min.js"></script><script src="js/notification.js"></script>                

 HTML結構

該jQuery消息通知框插件需要一個元素來觸發它，該元素可以是任意的HTML元素：按鈕、超鏈接等。

<div class="notify btn" value="bounceIn">bounceIn</div>                

 初始化插件

在頁面DOM元加載完畢之后，可以通過下面的方法來初始化該jQuery消息通知框插件。

$('.notify').click(function (event) {        Notification.create(            // 消息通知框的標題            "Notification title",            // 消息通知框的內容            "Long text Long text Long text Long text. 2 lines = Perfect ;)",            // 圖片            "img/user.jpg",            // 效果            $(event.target).text(),            // 定位            position        );    });