「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ&ドロップを実現したスクリプトの紹介です。WordPress をお使いの方は管理画面で利用されているのでご存知の方も多いのではないかと思います。 本記事では一般的な設定方法を紹介し、「その2:ブログへの適用」で Movable Type 等への設置方法について説明します。 配布元にサンプルがありますのでお試しください。 1.スクリプトのダウンロード Docking boxes(dbx) のページの「Get the Script」からアーカイブをダウンロードします。アーカイブを解凍した中から下記のファイルのみを使用します。 dbx.css(または dbx-allrules.css) dbx.js dbx-key.js 他のファイルおよび画像はサンプルのためのものです。全てをアップロー
![ドラッグ&ドロップできるサイドメニューの折りたたみ(その1:基本設定)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1556ab6d980f254e1ee39b8c2fcb798aaf6e19e0/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2Fcat3_80.jpg)