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演示

Fork Me 返回顶部