# jquery.my-message

**Repository Path**: helloyoucan/jquery.my-message

## Basic Information

- **Project Name**: jquery.my-message
- **Description**: 一个消息提醒的jq插件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-15
- **Last Updated**: 2021-03-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jquery.my-message
一个消息提醒的jq插件

---

浏览器支持：IE8+



#### html

```html
<button id="btn1">普通的</button>
<button id="btn2">成功的</button>
<button id="btn3">警告的</button>
<button id="btn4">错误的</button>
```

调用方式及参数说明

```javascript
var message = new MyMessage.message({
	/*默认参数，下面为默认项*/
	iconFontSize: "20px", //图标大小,默认为20px
	messageFontSize: "12px", //信息字体大小,默认为12px
	showTime: 3000, //消失时间,默认为3000
	align: "center", //显示的位置类型center,right,left
	positions: { //放置信息距离周边的距离,默认为10px
		top: "10px",
		bottom: "10px",
		right: "10px",
		left: "10px"
	},
	message: "这是一条消息", //消息内容,默认为"这是一条消息"
	type: "normal", //消息的类型，还有success,error,warning等，默认为normal
});
/*两种不同的设置方式*/
message.setting({
	align: "center" //会覆盖前面的所有设置,可以创建不同的对象去避免覆盖
});
message.setting("showTime","5000");
$('#btn1').click(function() {
	message.add("普通的消息");
});
$('#btn2').click(function() {
	message.add("成功的消息", "success");
});
$('#btn3').click(function() {
	message.add("警告的消息", "warning");
});
$('#btn4').click(function() {
	message.add("错误的消息", "error");
});
```

#### 显示结果

![](http://opok8iwaa.bkt.clouddn.com/image/github/message/message.jpg)