这是一款用于信息提示的jQuery点击弹出侧边栏提示面板特效插件。当用户点击某个按钮、超链接或进行某些操作后,该插件可以在屏幕的上、下、左、右四个方向弹出一个信息提示面板,来告诉用户操作的结果。

使用方法

要使用这个信息替代插件,首先要在页面的头部引入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
    );
});
                

更多详细信息请参考:http://brunodsgn.github.io/notifyme/