/****************************************************************************************************************** 掛け時計サイト用トップページメニュー表示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] += " からくり時計
"; 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[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[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.mainB.src = "http://wallclock.jp/img/tabmenu/tabmenu" + 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