/****************************************************************************************************************** 掛け時計サイト用トップページメニュー表示JS 【解説】 タブを切り替えた時に表示されるバナー＆テキスト、リンクの変更は、「タブ切り替え時の内容」の中身を編集してください。 現在のバナー＋テキストリンクではないレイアウトやバナーの数の変更など、大幅なレイアウト変更を行うことも可能です。 ※ただし、現状レイアウトの詳細な設定はCSS制御されています。 基本的には表示したいHTMLを mc[*] += " "; 上記「"」〜「"」の中に1行ずつ書きます。 「"」〜「"」の中で改行はできません。 ここでいう改行とはHTMLの
ではなくキーボードの Enter などによるエディター上の改行のことです。 ※極端な話、すべてつなげて1行として書いてもOKです。 上記「mc[*]」の「*」は通し番号でHTML側の の と対応している必要があります。 最初の1行目は必ず、「mc[*] = " ";」 とし、2行目以降は、「mc[*] += " ";」としてください。 ※1行目は「=」、2行目以降は「+=」 タブを追加する場合は、mc[5]、mc[6]・・・と増やしてください。 基本的にはすでにあるmc[1]やmc[2]をコピーして、次の番号に変更し、URLやテキストなどを変更するといいでしょう。 これらの内容編集、追加以外は何もしなくてOKです。 ******************************************************************************************************************/ function chengeB(n) { var mc = new Array(); //タブ切り替え時の内容ここから===================================================================================== //ブランドで選ぶ mc[1] = ""; mc[1] += "
"; mc[1] += " "; mc[1] += " ナイト腕時計
"; mc[1] += " >>ナイト腕時計"; mc[1] += "
"; mc[1] += "
"; mc[1] += " "; mc[1] += " MTM腕時計
"; mc[1] += " >>MTM腕時計"; mc[1] += "
"; mc[1] += "
"; mc[1] += " "; mc[1] += " トレーサー腕時計
"; mc[1] += " >>トレーサー腕時計"; mc[1] += "
"; mc[1] += ""; mc[1] += "
"; mc[1] += " "; mc[1] += " フォルティス腕時計
"; mc[1] += " >>フォルティス腕時計"; mc[1] += "
"; mc[1] += "
"; mc[1] += " "; mc[1] += " アビアートル腕時計
"; mc[1] += " >>アビアートル腕時計"; mc[1] += "
"; mc[1] += "
"; mc[1] += " "; mc[1] += " ボストークヨーロッパ腕時計
"; mc[1] += " >>ボストークヨーロッパ腕時計"; mc[1] += "

"; //国で選ぶ mc[2] = ""; mc[2] += "
"; mc[2] += " "; mc[2] += " イギリス製ミリタリーウォッチ
"; mc[2] += " >>イギリス製ミリタリーウォッチ"; mc[2] += "
"; mc[2] += "
"; mc[2] += " "; mc[2] += " アメリカ製ミリタリーウォッチ
"; mc[2] += " >>アメリカ製ミリタリーウォッチ"; mc[2] += "
"; mc[2] += "
"; mc[2] += " "; mc[2] += " スイス製ミリタリーウォッチ
"; mc[2] += " >>スイス製ミリタリーウォッチ"; mc[2] += "
"; mc[2] += ""; mc[2] += "
"; mc[2] += " "; mc[2] += " イタリア製ミリタリーウォッチ
"; mc[2] += " >>イタリア製ミリタリーウォッチ"; mc[2] += "
"; mc[2] += "
"; mc[2] += " "; mc[2] += " ドイツ製ミリタリーウォッチ
"; mc[2] += " >>ドイツ製ミリタリーウォッチ"; mc[2] += "
"; mc[2] += "
"; mc[2] += " "; mc[2] += " ロシア製ミリタリーウォッチ
"; mc[2] += " >>ロシア製ミリタリーウォッチ"; mc[2] += "

"; //用途で選ぶ mc[3] = ""; mc[3] += "
"; mc[3] += " "; mc[3] += " 陸上に適したミリタリー時計
"; mc[3] += " >>陸上に適したミリタリー時計"; mc[3] += "
"; mc[3] += "
"; mc[3] += " "; mc[3] += " 海に適したミリタリー時計
"; mc[3] += " >>海に適したミリタリー時計"; mc[3] += "
"; mc[3] += "
"; mc[3] += " "; mc[3] += " 宇宙で使える時計
"; mc[3] += " >>宇宙で使える時計"; mc[3] += "
"; mc[3] += ""; mc[3] += "
"; mc[3] += " "; mc[3] += " パイロットウォッチ
"; mc[3] += " >>パイロットウォッチ"; mc[3] += "
"; mc[3] += "
"; mc[3] += " "; mc[3] += " ダイバーウォッチ
"; mc[3] += " >>ダイバーウォッチ"; mc[3] += "
"; mc[3] += "
"; mc[3] += " "; mc[3] += " 軍隊採用時計
"; mc[3] += " >>軍隊採用時計"; mc[3] += "

"; //機能で選ぶ mc[4] = ""; mc[4] += "
"; mc[4] += " "; mc[4] += " 男は黙ってクロノグラフ
"; mc[4] += " >>クロノグラフ"; mc[4] += "
"; mc[4] += "
"; mc[4] += " "; mc[4] += " 出来る男のタキメーター
"; mc[4] += " >>タキメーター"; mc[4] += "
"; mc[4] += "
"; mc[4] += " "; mc[4] += " 輝く男はライト付き
"; mc[4] += " >>ライト付き"; mc[4] += "
"; mc[4] += ""; mc[4] += "
"; mc[4] += " "; mc[4] += " 男は黙って手巻き式
"; mc[4] += " >>手巻き式"; mc[4] += "
"; mc[4] += "
"; mc[4] += " "; mc[4] += " 不器用男は自動巻き
"; mc[4] += " >>自動巻き"; mc[4] += "
"; mc[4] += "
"; mc[4] += " "; mc[4] += " 電機好き男はクォーツタイプ
"; mc[4] += " >>クォーツタイプ"; mc[4] += "

"; //タブ切り替え時の内容ここまで===================================================================================== /***************************************** 以降編集不可 ******************************************/ //areaのidからナンバーを抽出 n = n.replace("area",""); //areaタグの数を取得 var areaname = document.getElementsByTagName("area"); //メインバナーの変更 document.mainM.src = "http://www.military-watch.jp/militaly-banner-2010/military-tab" + n + ".gif"; //左右のライン変更 //document.getElementById("manuMain").style.backgroundImage = "url(http://wallclock.jp/img/tabmenu/bg" + n + "-01.gif)"; //一番下のライン変更 //document.Line.src = "http://wallclock.jp/img/tabmenu/bg" + n + "-02.gif"; //内容切り替え document.getElementById("manucontents").innerHTML = mc[n]; //ポインターの変更（現状IEでは意味なし） for (i=1;i