jQuery点击弹出侧边栏提示信息面板特效

当前位置:主页 > jQuery库 > 布局和界面 > jQuery点击弹出侧边栏提示信息面板特效
jQuery点击弹出侧边栏提示信息面板特效
分享:

    插件介绍

    这是一款非常实用的jQuery点击弹出侧边栏提示信息面板特效插件。该侧边栏提示信息插件可以设置信息的类型,位置等参数,但用户点击按钮或超链接时,会从设定好的方向滑出提示信息面板,之后会自动隐藏。

    浏览器兼容性

    浏览器兼容性
    时间:01-14
    阅读:
简要教程

这是一款用于信息提示的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/