jQfloatingmenu プラグイン

最終更新時間:2009年12月27日 16時20分26秒

 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では問題ないスピードなんですが。
    • これもなぜだか分かりません。すいません。

参考および関連情報

注意点

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