非常实用的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
);
});