# Gritter Flattening

**Repository Path**: git-fdjava/Gritter-Flattening

## Basic Information

- **Project Name**: Gritter Flattening
- **Description**: Gritter jQuery插件 的 扁平设计样式  分支
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2013-09-29
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Gritter Flattening for jQuery  

这是jQuery插件 的 Flattening 样式修改分支

效果图

![效果图](http://fdimg.oss.aliyuncs.com/Gritter-flattening-1.jpg)

插件首页 - http://git.oschina.net/git-fdjava/Gritter-Flattening

## DEMO演示

中文demo - http://fdjava.oss.aliyuncs.com/gritter-flattening/index.html

## 安装使用

依次导入Gritter CSS / jQuery /Gritter js
```html
	<!-- gritter flattening css-->
    <link rel="stylesheet" type="text/css" href="css/jquery.gritter.thems.flattening.css" />
	<!-- jQuery 1.10.2 -->
    <script src="http://cdn.staticfile.org/jquery/1.10.2/jquery.js"></script>
    <!-- gritter.js -->
    <script type="text/javascript" src="js/jquery.gritter.min.js"></script>
```
弹出一个普通的通知消息
```javascript
    $.gritter.add({
        // (string | 必须) 通知 的 标题
        title: '这是一个 普通 的 通知!',
        // (string | 必须) 通知 的 文字内容
        text: '这是一个普通的通知，并且还支持html <a href="#" style="color:#ccc">我是一个链接</a> 就是这样。。。。',
        // (string | 可选) 这是头像图片，并且会显示在左边
        image: 'http://a0.twimg.com/profile_images/59268975/jquery_avatar_bigger.png',
        // (bool | 可选) 你想让 通知 过一段时间 消失隐藏 还是 钉在 桌面
        sticky: false,
        // (int | 可选) 如果你设置了上一选项，这一选项将 代表 他在 桌面 停留的 时间
        time: ''
    });
```

## 原版插件

原版插件- http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/

原版汉化- http://git.oschina.net/git-fdjava/Gritter-for-osc

## 版本日志

### 版本 1.7.4.1 (2013-9-29)

* 修改 Gritter 样式 为  扁平设计（Flattening）
* 复制 Gritter 插件