jQueryUIの「draggable」は以下のように使用する。
┌──────────────────────────────────────┐
│<div id="draggable">コンテンツ</div>                                        │
├──────────────────────────────────────┤
│<script>                                                                    │
│$('#draggable').draggable();                                                │
│</script>                                                                   │
└──────────────────────────────────────┘

ただし、これだとドラッグする内容がすべてドラッグ用領域となってしまい
コピペとかができなくる。

そこで、Windowsのウインドウのように、タイトルバーのみドラッグ対象とする方法。
┌──────────────────────────────────────┐
│<div id="draggable">                                                        │
│<div id="header">タイトル</div>                                             │
│<div id="main">コンテンツ</div>                                             │
│</div>                                                                      │
├──────────────────────────────────────┤
│<script>                                                                    │
│$('#draggable').draggable({handle:'#header'});                              │
│</script>                                                                   │
└──────────────────────────────────────┘
「handle」オプションを使えばよい。