# hsiao-notice

**Repository Path**: delay/hsiao-notice

## Basic Information

- **Project Name**: hsiao-notice
- **Description**: Hsiao-Notice
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-08-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Hsiao-Notice 0.2.0
Hsiao-Notice是一个轻量级的jQuery提示框插件，作用范围比较小，基本上我也不指望你们能够奋起而用之，反正也是我自己用的比较多，所以这个README就随便瞎写写了。
目前Hsiao-Notice支持的参数有：

>type : 类型，包含三种，success/error/info

>message : 消息内容

>timeout : 维持时间，默认为1000秒，哦不，1000毫秒

>context : 页面元素，默认为body，算是挖个坑，以后会支持在任何指定的地方显示

>callback : 回调函数，如果不会用就关闭浏览器吧

#### 基础用法如下：
```
$.notice({
    type:'success',
    message:'show me the notice'
});
```

#### 封装版用法如下：
```
HsiaoNotice.success('you click the success button');
HsiaoNotice.success('you click the success button',function(){
    console.log('I am back!');
});
```

#### 扩展用法：
###### 你可以增加使用几种属性
```
$.notice({
    type:'success',
    message:'show me the notice',
    timeout:2000,
    callback:function(){
        console.log('I am back!');
    }
});
```

-------
###### 补充说明
**context属性的设定**

对于弹框的dom内容是通过js插入页面，我对插入的代码是以context为基准，默认是body，功能没有做完善，计划是可以根据context的不同，让弹框在自定的位置显示。

**样式的说明**

样式文件可以随便拿去用，没有路径指定，可以把CSS代码扒出来贴到你自己项目的CSS公共文件中。

**修改保持时间**

修改保持时间的语法适用于封装版
```
HsiaoNotice.outtime(2000);
```