jQuery弹出页面顶部提示特效

jQuery弹出页面顶部提示特效2989
非常实用的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
    );
});

也许你还喜欢