jQfloatingmenu プラグイン

　JavaScriptライブラリjQueryを用いたFreeStyleWiki用のプラグイン。
　ダウンロードはこちらから。
　
　フローティング・メニューを表示するプラグインです。本サイトの左側に表示されている、Menuのページに記載してあります。
　Menuのページのソースは以下の通り。

{{jqfloatingmenu}}
{{jqaccordion}}
{{div_begin class="acdn_header"}}
!!!Topic
{{div_end}}
{{div_begin class="acdn_content"}}
*テクノ名盤200＋α

……
中略
……
　
{{include_html あわせて読みたい}}
{{jqaccordion end}}
{{jqfloatingmenu end}}

　jQaccordion プラグインの書式がダサくてわかりにくいですが、要するに、ページの頭に {{jqfloatingmenu}} を、ページの最後尾に {{jqfloatingmenu end}} を記せばOKです。
　上記のプラグインは、それぞれ、「<div id="floatingmenu">」、「</div>」というHTMLタグに置換されます。この#floatingmenuというidについて、以下のようなスタイルを設定してください。

#floatingmenu {
position: absolute;
top: 0px;
}

バグ

• まだ原因を探ってませんが、「「Wikiメニューにアイコン画像を表示するプラグイン」をjQueryでドック風に」を使用しない場合には、Wikiメニューがうまく表示されないようです。
  • デバッグは今後の宿題ということで。すいません。
• IEだと遅い。なかなかついてこないというか。firefoxとかChromeでは問題ないスピードなんですが。
  • これもなぜだか分かりません。すいません。

参考および関連情報

• jQueryでメニューを固定位置に追随させる：Live floating menu
  • 本プラグインはこのページの内容そのまま。ありがとうございます。
• FreeStyleWikiの本家のサイトのBugTrack-request/93 フロートするメニュー
  • このページを見て本プラグインを作成してみました。

注意点

• このフローティング・メニューを実現しているDimensions Pluginの機能は、jQuery 1.2.6でCoreに入っています。よって、1.2.6以降のバージョンのjQueryを用いれば、別途dimensions.jsをインストールする必要はありません。
• 当初、#floatingmenuに設定するスタイルを、「position: relative;」と誤って記載していましたが、正しくは「position: absolute;」でした。