タグ「menufolder.js」 の検索結果(1/1)

2013年3月13日 (水曜日)

menufolder.jsによるサイド・バーの折りたたみ

サイド・バーでのメニューの折りたたみ、サブ・カテゴリーの折りたたみ、月別アーカイブの折りたたみのカスタマイズです。併せて、カテゴリー及び月別アーカイブのツリー化を行っています。

使っているのは小粋空間さんが公開している menufolder.js です。但し、機能的には折りたたみの機能だけを使っておりmenufolder.jsの持つサブ・カテゴリーの折りたたみ機能、アーカイブ・リストの折りたたみ機能、リスト数表示機能は使っておりません。従ってそれらの機能はMovable Typeのテンプレート・タグ及び後述のpluginを使って実現しています。この方法だとアーカイブ類の折りたたみに限らずいろいろなケースに応用が効くと思います。

月別アーカイブのツリー表示でのテンプレート・タグを補強するため、MTArchiveDateHeader、ArchiveDateFooterのpluginが必要です。
尚、IE6ではpng画像が透過されないバグがありますので、その修正を行う必要から DD_belatedPNG.js を使っています。

メニューのスロー開閉については、先の記事「メニュー開閉スクリプトmenufolder.jsのjQueryによるスロー開閉」を参照ください。スロー開閉にはmenufolder.jsへのカスタマイズが必要ですので注意ください。

尚、本稿は既にjQueryが動いていることを前提としています。

続きを読む・続きの写真を見る "menufolder.jsによるサイド・バーの折りたたみ"

2013年3月10日 (日曜日)

メニュー開閉スクリプトmenufolder.jsのjQueryによるスロー開閉

サイド・バーの折りたたみ式メニューに使用している小粋空間さん公開のmenufolder.jsをjQueryを使ったスロー開閉にするカスタマイズです。

menufolder.jsはprototype.jsを使ったエフェクト(スロー開閉)機能を持っています。prototype.jsからjQueryに移行してしまった当サイトでスロー開閉を実現させるために、menufolder.jsのスクリプトの一部を変更しました。

続きを読む・続きの写真を見る "メニュー開閉スクリプトmenufolder.jsのjQueryによるスロー開閉"