jsRingMenu

これは何？

ウェブページにて、任意の箇所をダブルクリック（或はCtrl+クリック）すると、豫め設定したサイトナビゲーションがリングメニューの形で出現するスクリプトで、サイト制作者向けの「素材」です。表示させたい項目を設定した外部JavaScriptと外部CSSを適用させれば使へます。

表示内容は豫め設定されたメニューの他、各HTML文書のlink要素から自動生成させることも可能です。

ダウンロード

• jsRingMenu Ver.1.1
• AlphaImageLoader使用時のダミー畫像

更新履歴

2008年2月3日 - Ver.1.1

• useLinkElementsがtrueの時に描畫がうまくいつてゐなかつたと思はれるバグを修正。
• rollRateが0の時はホイールイベントハンドラを登録しない樣にした。
• IE5.5〜6用にAlphaImageLoaderを使用するオプションを追加。

2008年1月1日 - Ver.1.0

• 公開。

詳細な機能

• ダブルクリックすると、その場所にリングメニューが出現します。
• 但し、ブラウザの表示領域から出ない樣に調整されます。
• IE以外ではCtrl+クリックで表示領域の中央にリングメニューが出現します。
• リングの大きさは變更可能です。
• マウスホイールによりリングを廻轉させられます。廻轉量は變更可能です。
• CSSで半透明が扱へるブラウザではフェードが可能です。（不完全？）
• link要素からメニューを生成させることも出來ます。link要素のナビゲーション用UIがないブラウザに役立ちます。
• CSSが無效にされてゐる場合はリングメニューの動作を廻避します。
• 生成されるHTMLは標準仕樣に準據してゐます。その筈です。要素の生成やらはDOMを使つてゐるので、HTMLかXHTMLかによつてそれぞれ適切に生成されると思ひます。

動作確認環境

DOMを或る程度實裝したブラウザが必要です。尚且つ、JavaScriptやCSSが有效でないと動作しません。

以下は私が動作を確認したブラウザです。これら以外にも、JavaScript（ECMAScript）及びW3C DOMがきちんと實裝されたブラウザでは概ね動作すると思はれます。

Mozilla Firefox 2.0.0.x

良好に動作します。

Opera 9.2x

良好に動作します。フェードはバージョン9以降で可能です。

Safari 3.0.x

良好に動作します。

Windows Internet Explorer 7

概ね動作します。フェードインの動作が少々をかしい樣な。バージョン6でも動作すると思ひます。多分。

注意事項

• 本スクリプトの設置に當つては、HTMLやJavaScriptについての最低限の智識が必要です。餘りに初歩的な質問には應じられません。
• 純粹なテキストエディタ以外の物で編集すると、必要無い箇所まで勝手に書き換へられる可能性があります。その結果動作しなくなつても責任は持てません。
• このスクリプトは一切無保證です。設置は自己判斷・自己責任の上で行つて下さい。