# 一个小小的消息提示
**Repository Path**: xueyanjun/X-tips
## Basic Information
- **Project Name**: 一个小小的消息提示
- **Description**: 一个小玩意，是做验证插件的时候，一并做出来的！
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-03-02
- **Last Updated**: 2022-06-08
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 一个小小的消息提示
#### 介绍
一个小玩意，是做验证插件的时候，一并做出来的！
#### 效果图
#### 安装教程
页面中引入：
```
```
#### 使用说明
```
/**
* 自定义tips提示层函数2.0
*
* 使用方法
* $(selector).tips({ //selector 为jquery选择器
* msg:'your messages!', //你的提示消息 必填
* side:1, //提示窗显示位置 1，2，3，4 分别代表:上右下左, [1,4]代表位置在1~4随机 例如：[2,3]代表位置在2~3随机,默认为1（上） 可选
* color:'#FFF', //提示文字色 默认为白色 可选
* bg:'#F00', //提示窗背景色 默认为红色 可选
* maxWidth : "130", //tips内容区域的最大宽度（px）
* time:2, //自动关闭时间 默认2秒 设置0则不自动关闭 可选
* x:0, //横向偏移 正数向右偏移 负数向左偏移 默认为0 可选
* y:0, //纵向偏移 正数向下偏移 负数向上偏移 默认为0 可选
* tipsCount : "only", //[only,each,more],only代表当前页面只能有一个tip，each代表每个input都能有一个tip，more代表当前页面不限制
tip，新的添加 旧的也不关闭
* })
*
html调用示例：
demo
```
#### 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request
#### 码云特技
1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)