diff --git a/docs/part/javascript-modal.html b/docs/part/javascript-modal.html
index 6ea38f6630a7df17e92d03c044da6576a1cec330..2561546a3bad0468c549740d9199164929743828 100755
--- a/docs/part/javascript-modal.html
+++ b/docs/part/javascript-modal.html
@@ -45,7 +45,7 @@
       <h4>动态实例</h4>
       <p>点击按钮通过Javascript来启动一个模态框。</p>
       <div class="example">
-        <button type="button" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">启动模态框</button>
+        <button type="button" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal" data-moveable="true">启动模态框</button>
       </div>
     <pre class='prettyprint'><code>&lt;!-- 模态框触发按钮 --&gt;
 &lt;button type=&quot;button&quot; class=&quot;btn btn-lg btn-primary&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;启动模态框&lt;/button&gt;
@@ -114,6 +114,18 @@
   </article>
 </section>
 
+<section>
+  <header><h3>可移动的模态框</h3></header>
+  <article>
+    <p>启用该功能后能够通过拖动模态框的头部来移动模态框到鼠标所在的位置。</p>
+    <p>要启用此功能需要手动设置<code>moveable</code>参数值为<code>true</code>。</p>
+    <div class="example">
+      <button type="button" class="btn btn-primary" data-moveable="true" data-toggle="modal" data-target="#myModal">默认位置</button>
+    </div>
+<pre class='prettyprint'><code>&lt;button type=&quot;button&quot; class=&quot;btn&quot; data-moveable=&quot;true&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;默认位置&lt;/button&gt;</code></pre>
+  </article>
+</section>
+
 <section>
   <header><h3>禁用动画效果</h3></header>
   <article>
@@ -224,6 +236,19 @@
           </td>
           <td>默认位置是在窗口中部稍偏上的地方。</td>
         </tr>
+        <tr>
+          <td><code>moveable</code></td>
+          <td>
+            可移动的
+          </td>
+          <td>
+            <ul>
+              <li><code>false</code>（默认），不启用；</li>
+              <li><code>true</code>，启用；</li>
+            </ul>
+          </td>
+          <td>是否启用模态框拖拽移动功能</td>
+        </tr>
       </tbody>
     </table>
 
@@ -302,7 +327,7 @@
 <div class="hide" id="modalToBody">
   <!-- modal examples -->
   <div class="modal modal-for-page fade" id="myModal">
-    <div class="modal-dialog">
+    <div class="modal-dialog modal-moveable">
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
diff --git a/docs/part/javascript-modaltrigger.html b/docs/part/javascript-modaltrigger.html
index 9cc2e0636f953ba7e015882bd53308977241b7c7..44bb72feb742ec27149acf7e7dd2807a509287bc 100755
--- a/docs/part/javascript-modaltrigger.html
+++ b/docs/part/javascript-modaltrigger.html
@@ -328,6 +328,19 @@ myModalTrigger.show();</code></pre>
           </td>
           <td>当为<code>ture</code>时，按下<code>esc</code>键会关闭模态框。</td>
         </tr>
+        <tr>
+          <td><code>moveable</code></td>
+          <td>
+            可移动的
+          </td>
+          <td>
+            <ul>
+              <li><code>false</code>（默认），不启用；</li>
+              <li><code>true</code>，启用；</li>
+            </ul>
+          </td>
+          <td>是否启用模态框拖拽移动功能</td>
+        </tr>
       </tbody>
     </table>
 
@@ -424,7 +437,7 @@ function afterPageLoad() {
     /* modal trigger */
     var $trigger = $('#modalTriggerByFunc');
     if(!$trigger.data('modalTriggerSetup')) {
-        $trigger.modalTrigger({custom: function()
+        $trigger.modalTrigger({moveable: true, custom: function()
         {
             return "当模态框显示时，时间是：" + (new Date).toString();
         }});