README.md · fdjava/Gritter Flattening

# 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
	
    <link rel="stylesheet" type="text/css" href="css/jquery.gritter.thems.flattening.css" />
	
    <script src="http://cdn.staticfile.org/jquery/1.10.2/jquery.js"></script>
    
    <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 插件

fdjava/Gritter Flattening

简介

发行版

贡献者

近期动态

fdjava/Gritter Flattening .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

fdjava/Gritter Flattening