master

ReadMe.md

@@ -1,147 +1,4 @@
-mobilebone.js
-=============
-单页切换骨架。适用于移动web APP, Hybrid混合APP, Phonegap开发, 无兼容要求单页PC应用等。官方网站：<a href="http://www.mobilebone.org">http://www.mobilebone.org</a>
-
-实例、测试和文档
-------------------
-<ul>
-	<li>实例1-仿QQ界面：http://iancj.github.io/qq/</li>
-	<li>实例2-暴走漫画制作器：http://baozoumanhua.com/mobile_makers/</li>
-</ul>
-
-<ul>
-	<li>测试页面：<a href="http://rawgit.com/zhangxinxu/mobilebone/develop/test/index.html">test/index.html</a>
-		<p><img src="http://image.zhangxinxu.com/image/blog/201410/2014-10-28_174538.png" width="176" height="178"></p>
-	</li>
-</ul>
-
-<ul>
-	<li>中文文档：<a href="http://rawgit.com/zhangxinxu/mobilebone/develop/docs/index.html">docs/index.html</a></li>
-</ul>
-
-为何需要？
--------------
-类原生APP的过场体验，适用于这些场景：<br>
-1. Phonegap等类似跨移动开发平台，其静态页面都是index.html, 单页面，因此，需要跟原生一样的过场体验。<br>
-2. Hybrid app开发，原生APP内嵌web APP, 为了两者体验一致，不至于交互太唐突，也需要无刷新过场效果。<br>
-3. 就算是纯粹的移动web APP, 使用无刷新模式也不失为一种不错的选型策略。<br>
-4. 对兼容性没有要求的单页PC应用，如类PowerPoint web文档，单页翻屏web站点等。
-
-
-如何使用？
----------------
-引入相关的CSS以及JS, 如下：
-<pre>&lt;link rel="stylesheet" href="mobilebone.css"></pre>
-<pre>&lt;script src="mobilebone.js">&lt;/script></pre>
-
-HTML结构需要有一定的要求：
-<pre>body
-  page
-  page
-  page</pre>
-
-每个page是个满屏元素, 相当于一个独立的页面。
-
-Mobilebone会自动捕获页面上的a元素，如果其href值存在猫腻，就会触发切换行为。例如：
-<pre>&lt;a href="#targetPage">目标页面&lt;/a></pre>
-
-当click/tap此元素时候，页面会自动无刷新切换到<code>id</code>为<code>targetPage</code>的页面。
-
-也可以使用ajax请求。例如：
-<pre>&lt;a href="detail.php?id=112">请求详情页&lt;/a></pre>
-
-所有ajax请求默认是缓存的，如果你想根据url地址不缓存，可以设置<code>data-reload</code>或者<code>data-reload="true"</code>；如果你想根据url根地址不缓存，需要设置<code>data-reload="root"</code>。
-
-你可以控制切换的方向，任意扩展动画类型，可以被seajs, requiejs模块化加载(<code>require('mobilebone')</code>)，可以和Backbone组合使用等。
-
-当然，上面介绍的，只是强大功能的冰山一角，更多信息请[参考这里](http://www.zhangxinxu.com/wordpress/?p=4381). 
-
-插件
-----------------
-<ol>
-	<li><strong>mobilebone.ppt.js</strong>: 可以让web页面表现如幻灯片演示，尺寸自适应。 <a href="http://rawgit.com/zhangxinxu/mobilebone/develop/plugins/ppt/index.html">demo点击这里</a>。</li>
-</ol>
-
-优势？
-------------------
-mobilebone.js只做了一件事情，切换。所以，JS文件很小，gzip后4~5K, 而且很灵活，几乎没有任何UI的限制，适用于各个项目各个场景。同时，巧妙提供各类缓存管理、事件管理的接口，就像是个完整健全的骨架体系，就等你来加血添肉了！<img src="http://mat1.gtimg.com/www/mb/images/face/4.gif" align="absmiddle">
-
-许可
--------------------
-MIT许可
-
-捐赠
-------------------
-左支付宝，右微信<br>
-<img src="http://www.zhangxinxu.com/alipay.png?v=1" width="176" height="176" alt="支付宝"> &nbsp; &nbsp; <img src="http://www.zhangxinxu.com/wxpay.png" width="176" height="176" alt="微信">
-
-mobilebone.js
-=============
-Single Page Switching bone for mobile web APP, Hybrid APP, Phonegap, ...
-
-<pre>git clone git://github.com/zhangxinxu/mobilebone.git</pre>
-
-use <code>npm</code>:
-<pre>npm install mobilebone</pre>
-
-Examples and Tests and Documents
-------------------
-<ol>
-	<li>Example1: http://iancj.github.io/qq/</li>
-	<li>Example2: http://baozoumanhua.com/mobile_makers/</li>
-</ol>
-
-<ul>
-	<li>Test page: <a href="http://rawgit.com/zhangxinxu/mobilebone/develop/test/index.html">test/index.html</a></li>
-</ul>
-
-<ul>
-	<li>Documents: <a href="http://rawgit.com/zhangxinxu/mobilebone/develop/docs/index.html">docs/index.html</a></li>
-</ul>
-
-Why need this?
------------------
-Interaction experience is good enough to compare with the native APP. <br>
-1. Phonegap that to native APP is a single index.html, We need the same switch effects as native.<br>
-2. Hybrid app, as you know, mixed web-app and native-app. So, it' better that they have some switching experience.<br>
-3. Even no refresh interaction is not something bad for mobile APP.
-
-How to use?
-----------------
-Just include mobilebone.css and mobilebone.js, as follow:
-<pre>&lt;link rel="stylesheet" href="mobilebone.css"></pre>
-<pre>&lt;script src="mobilebone.js">&lt;/script></pre>
-
-And, you should use specific HTML structure. 
-<pre>body
-  page
-  page
-  page</pre>
-
-Then Mobilebone will catch your attribute of href of 'a' element, and do switch. For example:
-<pre>&lt;a href="#targetPage">target page&lt;/a></pre>
-
-The interface will switch to page whitch's value of <code>id</code> is <code>targetPage</code> when you tap this link.
-
-Of course, you can control the direction of switching, or use a ajax get, or as a modular loaded by seajs, requirejs using <code>require('mobilebone')</code>...
-
-For more detail, you can [visit here](http://www.zhangxinxu.com/wordpress/?p=4381). 
-
-Plugins
-----------------
-<ol>
-	<li><strong>mobilebone.ppt.js</strong>: make web page to powerpoint presentation. <a href="http://rawgit.com/zhangxinxu/mobilebone/develop/plugins/ppt/index.html">demo here</a>.</li>
-</ol>
-
-Advantage?
---------------
-what mobilebone.js do just one thing - switching. So, it's small, flexible, and no any UI restriction. In a word, it's fit for variety of designs and scenes.
-
-License
--------------------
-The MIT License
-
-
-
-
+该项目是[mobilebone](https://github.com/zhangxinxu/mobilebone)的分支,因为项目需要进行了以下修改：
 
+	1.支持URL传值,例如：`<a href="#&pageBbsList?forumId=5">产品列表</a>`
+	2.a标签如果有`data-title`可修改新页面的title