LuLu UI组件中文文档 » 轻提示

一、顶部的轻提示

1. 使用示意

   成功轻提示 失败轻提示

   使用代码如下：

   $('#lightTipSucc').click(function() {
   new LightTip().success('修改成功');
   });
   $('#lightTipError').click(function() {
   new LightTip().error('修改失败');
   });

   另外，轻提示还支持jQuery $调用，如：

   $.lightTip.success('修改成功');
   $.lightTip.error('修改失败');

   当提示出现后，点击会立即消失。

2. 语法和API

   实例方法：

   new LightTip().success(content, time);
   new LightTip().error(content, time);

   jQuery直接调用：

   $.lightTip.success(content, time);
   $.lightTip.error(content, time);

   其中content表示提示的内容，time是可选参数，表示提示条出现到淡出时候停留时间。可缺省，默认是3000，单位毫秒。

   建议使用$.lightTip.*()这种用法。

二、作为插件单独使用

引用下面CSS：

<link rel="stylesheet" href="//qidian.gtimg.com/lulu/theme/peak/css/common/ui/LightTip.css">

JS为：

<script src="//qidian.gtimg.com/lulu/theme/peak/js/common/ui/LightTip.js"></script>

单独使用Demo演示