【お知らせ】muginaviがver3.10へバージョンアップ(2002.9.17)にしました。追加機能やスタイル指定の仕様などいろいろ変わっています。項目設定以外をすべて消して設置し直してください。このメニューバーは基本機能に必要な追加機能を追加して自分の好みにあうようにカスタマイズします。「菊池さんの工作室」トップページのメニューバー(縦型)では以下のスクリプトを使ってます。ここではトップページのメニューバー(縦型)を例に作り方を説明します。スクリプトページに詳細な説明とサンプルがあります。ダウンロードの前にその説明をよく読んで、自分がどんなメニューバーを作りたいのかを考えて追加機能やパラメータの意味をチェックし設置するようにしてください。追加機能は自分の作るメニューに応じて必要なものだけを選びます。意味もわからないまま組み込んだりしないようにしましょう。全jsファイルがアップロードされているのを見かけます。無関係のサンプルファイルまで。サーバースペースの無駄です。最新版をダウンロードします。http://mugi.cc/muginavi/基本機能は必須です。必要ないのにそのまま組み込んでる方をよく見かけます。縦型メニューの場合に推奨。ダウンロードするか、当ページの「mnstyle.cssの基本シート(必須)」をコピー&貼付けして作成します。作成、編集するのは、menu.jsとmnstyle.cssおよびメニュー表示するindex.htmの3つですmuginavi.js、mninit.js、mnautocl.js、mnscroll.js、mndrag.js、mnshadow.jsなどの他のファイルは変更せずそのまま使用します。menu.jsの作成パラメータの設定は「表示設定」で行います。メニュー項目は「項目設定」に作成します。「項目設定」のメニューリンク設定は相対アドレス指定ですが、絶対アドレス指定、URL指定が可能です。height=9>DHTMLのように<img>タグを文字列の前に追加します。height=xxを必ず指定してください。----リンク動作なし。メニューのID構成(下のmenu.jsの構成)IDは最初が英字、あとは英数字かアンダーバー(_)、ハイフン(-)で指定してくださいID指定は「home」「dialy」「bbs」などリンク先に合う英単語を付けるようにするといいです。あとから追加/削除するときにわかりやすい名前を付けましょう。「表示設定」では、不要な設定は記述しないでください。誤動作の原因になりやすいし無駄にサイズが増えることになります。*/muginavi.hilight="#000000";//ハイライト時の背景色。省略時は色変更実行せずmuginavi.txthilight="#ffcc00";//ハイライト時の文字色。省略時は色変更実行せずmuginavi.offset=-13;//サブメニューと親メニューの間隔を指定。省略時は0muginavi.delay=200;//カーソルが離れてから非表示になるまでの時間(単位:ミリ秒)//mnautocl.js組込要muginavi.vertical=true;//縦並びメニューにする場合に指定muginavi.pos="0,150";//絶対位置指定のときだけ記述。座標をpx値で指定//mnscroll.js、mndrag.js使用時は必ず指定するmuginavi.smoothscroll=true;//スムーズスクロールにする場合に指定muginavi.root_noborder=true;//ルートメニューに枠を付けない場合にtrueを指定muginavi.arrowColor="#003366";//サブメニュー記号の色。mnstyle.cssの基本シート(必須)オリジナル記述を変更した箇所は以下の部分です。あなたの希望する内容に変更して下さい。オリジナルのままでもかまいません。a{}」に、他のプロパティは「#ID」に指定。背景色を指定した場合NN4ではカーソルを乗せてもその色のままになります。メニュー表示するindex.htmの編集ホームページビルダーなどのワープロ系ソフトを使っている方はDOCTYPE指定が勝手に挿入されていることがあります。メモ帳などを使って、URIなしのTransitionalに書き換える(下記参照)かDOCTYPE指定を削除してください。Transitional//EN">当ページの「説明文テロップ」と「メニューバー」を併用する時は、説明文テロップの変数「nn」とメニューバーの変数「nn」とが競合して、メニューバー側でブラウザ判別ができなくなり「Eventは宣言されてません」のエラーメッセージがでることがあります。この場合は説明文テロップの変数名(3ヶ所)を「bnum」に変えてください。src="mninit.js"></script>を記述する(4行目)追加機能を使う場合はこの次行に、mnload(xxxx.js)を記述する。xxxx.jsは利用するjsファイル名です。class="muginavioff">と</div>の間に、muginavi非対応ブラウザや、JavaScriptをオフにしているユーザーなどメニューが表示されない環境の人にも、あなたのサイトのコンテンツを見れるように代替表示リンクを記述します(21〜29行目)スクロールを確認するためにテスト用にダミーの改行を入れています。上のindex.htmをメモ帳などでコピー&貼り付けでindex.htmファイルを作成します。作成・編集が正常に行われてるかを確認するため、上で作成・編集したindex.htm、menu.js、mnstyle.cssおよびダウンロードしたmuginavi.js、mninit.js(必須)、mnautocl.js、mnscroll.js、mndrag.js、mnshadow.js(使いたいものだけ)のファイルを同一場所に置きますindex.htmファイルを表示してmenu.jsとmnstyle.cssで設定した内容が、希望のものかパソコン上で確認します。うまく動かないときは、スペルミスや「'」「,」など矛盾がないかチェックしてください。動作確認用に、まず上のmenu.jsとmnstyle.cssそのままコピー&貼り付けで作成して確認するのもいいかも知れません。小ウィンドウをオープンするには、add("ID","文字列","リンク先","target")のリンク先欄に以下の記述をします。reserved//。