Update readme

Update readme

README.md

@@ -8,9 +8,9 @@
     * [支持哪些控件的刷新](#支持哪些控件的刷新)
     * [如何使用MJRefresh](#如何使用MJRefresh)
     * [已经超过上百个App正在使用MJRefresh](#已经超过上百个App正在使用MJRefresh)
-    * [参考](#参考)
     * [MJRefresh类结构图](#MJRefresh类结构图)
 * 用法
+    * [参考](#参考)
     * [下拉刷新01-默认](#下拉刷新01-默认)
     * [下拉刷新02-动画图片](#下拉刷新02-动画图片)
     * [下拉刷新03-隐藏时间](#下拉刷新03-隐藏时间)
@@ -53,13 +53,6 @@ UIView+MJExtension.h        UIView+MJExtension.m
 ![(App)](http://images0.cnblogs.com/blog2015/497279/201506/141212365041650.png)
 * 更多App信息可以关注：[M了个J-博客园](http://www.cnblogs.com/mjios/p/4409853.html)
 
-## <a id="参考"></a>参考
-```objc
-* 由于这个框架的功能较多，就不写具体文字描述其用法
-* 大家可以直接参考示例中的MJTableViewController、MJCollectionViewController、MJWebViewController，更为直观快速
-```
-![](http://images0.cnblogs.com/blog2015/497279/201506/141345470048120.png)
-
 ## <a id="MJRefresh类结构图"></a>MJRefresh类结构图
 ![](http://images0.cnblogs.com/blog2015/497279/201506/132232456139177.png)
 - 图中`红色文字的类`：可以直接拿来用
@@ -77,8 +70,14 @@ UIView+MJExtension.h        UIView+MJExtension.m
 - 关于如何自定义刷新控件，可以参考下图的类
 ![](http://images0.cnblogs.com/blog2015/497279/201506/141358159107893.png)
 
+## <a id="参考"></a>参考
+```objc
+* 由于这个框架的功能较多，就不写具体文字描述其用法
+* 大家可以直接参考示例中的MJTableViewController、MJCollectionViewController、MJWebViewController，更为直观快速
+```
+![](http://images0.cnblogs.com/blog2015/497279/201506/141345470048120.png)
+
 ## <a id="下拉刷新01-默认"></a>下拉刷新01-默认
-![(下拉刷新01-普通)](http://images0.cnblogs.com/blog2015/497279/201506/141204343486151.gif)
 ```objc
 self.tableView.header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
    // 进入刷新状态后会自动调用这个block
@@ -90,9 +89,9 @@ self.tableView.header = [MJRefreshNormalHeader headerWithRefreshingTarget:self r
 // 马上进入刷新状态
 [self.tableView.header beginRefreshing];
 ```
+![(下拉刷新01-普通)](http://images0.cnblogs.com/blog2015/497279/201506/141204343486151.gif)
 
 ## <a id="下拉刷新02-动画图片"></a>下拉刷新02-动画图片
-![(下拉刷新02-动画图片)](http://images0.cnblogs.com/blog2015/497279/201506/141204402238389.gif)
 ```objc
 // 设置回调（一旦进入刷新状态，就调用target的action，也就是调用self的loadNewData方法）
 MJRefreshGifHeader *header = [MJRefreshGifHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
@@ -105,16 +104,16 @@ MJRefreshGifHeader *header = [MJRefreshGifHeader headerWithRefreshingTarget:self
 // 设置header
 self.tableView.header = header;
 ```
+![(下拉刷新02-动画图片)](http://images0.cnblogs.com/blog2015/497279/201506/141204402238389.gif)
 
 ## <a id="下拉刷新03-隐藏时间"></a>下拉刷新03-隐藏时间
-![(下拉刷新03-隐藏时间)](http://images0.cnblogs.com/blog2015/497279/201506/141204456132944.gif)
 ```objc
 // 隐藏时间
 header.lastUpdatedTimeLabel.hidden = YES;
 ```
+![(下拉刷新03-隐藏时间)](http://images0.cnblogs.com/blog2015/497279/201506/141204456132944.gif)
 
 ## <a id="下拉刷新04-隐藏状态和时间"></a>下拉刷新04-隐藏状态和时间
-![(下拉刷新04-隐藏状态和时间0)](http://images0.cnblogs.com/blog2015/497279/201506/141204508639539.gif)
 ```objc
 // 隐藏时间
 header.lastUpdatedTimeLabel.hidden = YES;
@@ -122,9 +121,9 @@ header.lastUpdatedTimeLabel.hidden = YES;
 // 隐藏状态
 header.stateLabel.hidden = YES;
 ```
+![(下拉刷新04-隐藏状态和时间0)](http://images0.cnblogs.com/blog2015/497279/201506/141204508639539.gif)
 
 ## <a id="下拉刷新05-自定义文字"></a>下拉刷新05-自定义文字
-![(下拉刷新05-自定义文字)](http://images0.cnblogs.com/blog2015/497279/201506/141204563633593.gif)
 ```objc
 // 设置文字
 [header setTitle:@"Pull down to refresh" forState:MJRefreshStateIdle];
@@ -139,16 +138,16 @@ header.lastUpdatedTimeLabel.font = [UIFont systemFontOfSize:14];
 header.stateLabel.textColor = [UIColor redColor];
 header.lastUpdatedTimeLabel.textColor = [UIColor blueColor];
 ```
+![(下拉刷新05-自定义文字)](http://images0.cnblogs.com/blog2015/497279/201506/141204563633593.gif)
 
 ## <a id="下拉刷新06-自定义刷新控件"></a>下拉刷新06-自定义刷新控件
-![(下拉刷新06-自定义刷新控件)](http://images0.cnblogs.com/blog2015/497279/201506/141205019261159.gif)
 ```objc
 self.tableView.header = [MJDIYHeader headerWithRefreshingTarget:self refreshingAction:@selector(loadNewData)];
 // 具体实现参考MJDIYHeader.h和MJDIYHeader.m
 ```
+![(下拉刷新06-自定义刷新控件)](http://images0.cnblogs.com/blog2015/497279/201506/141205019261159.gif)
 
 ## <a id="上拉刷新01-默认"></a>上拉刷新01-默认
-![(上拉刷新01-默认)](http://images0.cnblogs.com/blog2015/497279/201506/141205090047696.gif)
 ```objc
 self.tableView.footer = [MJRefreshAutoNormalFooter footerWithRefreshingBlock:^{
    // 进入刷新状态后会自动调用这个block
@@ -157,9 +156,9 @@ self.tableView.footer = [MJRefreshAutoNormalFooter footerWithRefreshingBlock:^{
 // 设置回调（一旦进入刷新状态，就调用target的action，也就是调用self的loadMoreData方法）
 self.tableView.footer = [MJRefreshAutoNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
 ```
+![(上拉刷新01-默认)](http://images0.cnblogs.com/blog2015/497279/201506/141205090047696.gif)
 
 ## <a id="上拉刷新02-动画图片"></a>上拉刷新02-动画图片
-![(上拉刷新02-动画图片)](http://images0.cnblogs.com/blog2015/497279/201506/141205141445793.gif)
 ```objc
 // 设置回调（一旦进入刷新状态，就调用target的action，也就是调用self的loadMoreData方法）
 MJRefreshAutoGifFooter *footer = [MJRefreshAutoGifFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
@@ -170,24 +169,24 @@ MJRefreshAutoGifFooter *footer = [MJRefreshAutoGifFooter footerWithRefreshingTar
 // 设置尾部
 self.tableView.footer = footer;
 ```
+![(上拉刷新02-动画图片)](http://images0.cnblogs.com/blog2015/497279/201506/141205141445793.gif)
 
 ## <a id="上拉刷新03-隐藏刷新状态的文字"></a>上拉刷新03-隐藏刷新状态的文字
-![(上拉刷新03-隐藏刷新状态的文字)](http://images0.cnblogs.com/blog2015/497279/201506/141205200985774.gif)
 ```objc
 // 隐藏刷新状态的文字
 footer.refreshingTitleHidden = YES;
 // 如果没有上面的方法，就用footer.stateLabel.hidden = YES;
 ```
+![(上拉刷新03-隐藏刷新状态的文字)](http://images0.cnblogs.com/blog2015/497279/201506/141205200985774.gif)
 
 ## <a id="上拉刷新04-全部加载完毕"></a>上拉刷新04-全部加载完毕
-![(上拉刷新04-全部加载完毕)](http://images0.cnblogs.com/blog2015/497279/201506/141205248634686.gif)
 ```objc
 // 变为没有更多数据的状态
 [footer noticeNoMoreData];
 ```
+![(上拉刷新04-全部加载完毕)](http://images0.cnblogs.com/blog2015/497279/201506/141205248634686.gif)
 
 ## <a id="上拉刷新05-自定义文字"></a>上拉刷新05-自定义文字
-![(上拉刷新05-自定义文字)](http://images0.cnblogs.com/blog2015/497279/201506/141205295511153.gif)
 ```objc
 // 设置文字
 [footer setTitle:@"Click or drag up to refresh" forState:MJRefreshStateIdle];
@@ -200,22 +199,22 @@ footer.stateLabel.font = [UIFont systemFontOfSize:17];
 // 设置颜色
 footer.stateLabel.textColor = [UIColor blueColor];
 ```
+![(上拉刷新05-自定义文字)](http://images0.cnblogs.com/blog2015/497279/201506/141205295511153.gif)
 
 ## <a id="上拉刷新06-加载后隐藏"></a>上拉刷新06-加载后隐藏
-![(上拉刷新06-加载后隐藏)](http://images0.cnblogs.com/blog2015/497279/201506/141205343481821.gif)
 ```objc
 // 隐藏当前的上拉刷新控件
 self.tableView.footer = nil;
 ```
+![(上拉刷新06-加载后隐藏)](http://images0.cnblogs.com/blog2015/497279/201506/141205343481821.gif)
 
 ## <a id="上拉刷新07-自动回弹的上拉01"></a>上拉刷新07-自动回弹的上拉01
-![(上拉刷新07-自动回弹的上拉01)](http://images0.cnblogs.com/blog2015/497279/201506/141205392239231.gif)
 ```objc
 self.tableView.footer = [MJRefreshBackNormalFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
 ```
+![(上拉刷新07-自动回弹的上拉01)](http://images0.cnblogs.com/blog2015/497279/201506/141205392239231.gif)
 
 ## <a id="上拉刷新08-自动回弹的上拉02"></a>上拉刷新08-自动回弹的上拉02
-![(上拉刷新07-自动回弹的上拉02)](http://images0.cnblogs.com/blog2015/497279/201506/141205441443628.gif)
 ```objc
 MJRefreshBackGifFooter *footer = [MJRefreshBackGifFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
 
@@ -229,23 +228,23 @@ MJRefreshBackGifFooter *footer = [MJRefreshBackGifFooter footerWithRefreshingTar
 // 设置尾部
 self.tableView.footer = footer;
 ```
+![(上拉刷新07-自动回弹的上拉02)](http://images0.cnblogs.com/blog2015/497279/201506/141205441443628.gif)
 
 ## <a id="上拉刷新09-自定义刷新控件(自动刷新)"></a>上拉刷新09-自定义刷新控件(自动刷新)
-![(上拉刷新09-自定义刷新控件(自动刷新))](http://images0.cnblogs.com/blog2015/497279/201506/141205500195866.gif)
 ```objc
 self.tableView.footer = [MJDIYAutoFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
 // 具体实现参考MJDIYAutoFooter.h和MJDIYAutoFooter.m
 ```
+![(上拉刷新09-自定义刷新控件(自动刷新))](http://images0.cnblogs.com/blog2015/497279/201506/141205500195866.gif)
 
 ## <a id="上拉刷新10-自定义刷新控件(自动回弹)"></a>上拉刷新10-自定义刷新控件(自动回弹)
-![(上拉刷新10-自定义刷新控件(自动回弹))](http://images0.cnblogs.com/blog2015/497279/201506/141205560666819.gif)
 ```objc
 self.tableView.footer = [MJDIYBackFooter footerWithRefreshingTarget:self refreshingAction:@selector(loadMoreData)];
 // 具体实现参考MJDIYBackFooter.h和MJDIYBackFooter.m
 ```
+![(上拉刷新10-自定义刷新控件(自动回弹))](http://images0.cnblogs.com/blog2015/497279/201506/141205560666819.gif)
 
 ## <a id="UICollectionView01-上下拉刷新"></a>UICollectionView01-上下拉刷新
-![(UICollectionView01-上下拉刷新)](http://images0.cnblogs.com/blog2015/497279/201506/141206021603758.gif)
 ```objc
 // 下拉刷新
 self.collectionView.header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
@@ -257,15 +256,16 @@ self.collectionView.footer = [MJRefreshAutoNormalFooter footerWithRefreshingBloc
    // 进入刷新状态后会自动调用这个block
 }];
 ```
+![(UICollectionView01-上下拉刷新)](http://images0.cnblogs.com/blog2015/497279/201506/141206021603758.gif)
 
 ## <a id="UIWebView01-下拉刷新"></a>UIWebView01-下拉刷新
-![(UICollectionView01-上下拉刷新)](http://images0.cnblogs.com/blog2015/497279/201506/141206080514524.gif)
 ```objc
 // 添加下拉刷新控件
 self.webView.scrollView.header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
    // 进入刷新状态后会自动调用这个block
 }];
 ```
+![(UICollectionView01-上下拉刷新)](http://images0.cnblogs.com/blog2015/497279/201506/141206080514524.gif)
 
 ## 提醒
 * 本框架纯ARC，兼容的系统>=iOS6.0、iPhone\iPad横竖屏