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