jQuery點選彈出側邊欄提示資訊皮膚特效

這是一款用於資訊提示的jQuery點選彈出側邊欄提示皮膚特效外掛。當使用者點選某個按鈕、超連結或進行某些操作後，該外掛可以在螢幕的上、下、左、右四個方向彈出一個資訊提示皮膚，來告訴使用者操作的結果。

線上DEMO 下載

使用方法

要使用這個資訊替代外掛，首先要在頁面的頭部引入notifyme.css檔案

<link rel="assets/css/notifyme.css" type="text/css" />

然後需要在頁面的頭部引入 jQuery 和 notifyMe.js 檔案。

<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>

<script src="assets/js/notifyme.js"></script>

呼叫外掛的方法非常簡單，以點選一個按鈕為例，js程式碼如下：

$('.error').on('click', function(){

$(this).notifyMe(

'bottom', // 位置

'error', // 型別

'Lorem Ipsum Text', // 標題

'Lorem Ipsum is simply dummy text of the printing', // 描述

200 // Velocity of notification

2000 // (optional) Time of delay to close automatically

);

});