ﾒﾆｭｰ 1
ﾒﾆｭｰ 2
ﾒﾆｭｰ 3

Music - Quick Time Movie - Quick Time　 Real Guide　 Windows Media 　 BIGLOBE　 Fashion TV　 Web ﾗｼﾞｵ 　 Playboy Playmates　 Emision Digital　 Batanga　 BBC　 msn Radio Station　 So-net Broadband　 Music@nifty　 comfm.com　

井川 遥　 天海祐希　 内山理名　 遠藤久美子　 佐藤江梨子　 柴咲コウ　 鶴田真由　 水野美紀　 山村礼子　 国井律子　 相川七瀬　 安室奈美恵　 上原多香子　 上戸彩　 大塚愛　 倖田來未　 島谷ひとみ　 川村結花　 倉木麻衣　 中島美嘉　 〃　 安良城紅　 元ちとせ　 BoA　 MINMI　 MISIA　 melody　 今井絵理子　 太田裕美　 松田聖子　 五輪真弓　 五嶋みどり　 高嶋ちさ子　 CARLA BLEY　 ｹｲｺ・ﾘｰ　 清水ﾐﾁｺ　 矢野顕子　 矢野沙織　 Yuming　 　

Aston Martin　 Ferrari　 Jaguar　 Pontiac　 Lamborghini　 Alfaromeo　 BMW　 Citroen　 Volvo　 Audi　 Volkswagen　 Benz　 Peugeot 　

　

　

　

　

　

　

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾀﾌﾞﾒﾆｭｰ 26　　tab_menu26.htm

ﾀﾌﾞﾒﾆｭｰ、ﾌｪｰﾄﾞ効果。　　　　　　DHTML。　　　　　　表示HTMLなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

　

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、top_navbar41/ をｸﾘｯｸ開いたﾎﾙﾀﾞｰで、tab_menu26.htm、tabs.css（ﾌｫﾝﾄ、配色、ｻｲｽﾞ）、menu.js、ほかを右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このDHTMLの実装方法は、tab_menu26.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <head>　〜　</head> の任意の行間に (*1) を、さらに <body>　〜　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

　･　編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。　　　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 6.x〜 などで開いて。　　　　更新の確認は、ie、Netscapeやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰ を押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。　　　Netscapeは、Ctrl+Ｒｷｰで。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.js、*.css なども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

　･　関連情報 ： 色記号、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門 が便利！。　　　Web & Internet Samples、Online Columns、XML、DHTMLとは？、ColorTable、HTMLの色指定、色見本。

　

(*1) ：　tab_menu26.htm （例）　　　　　　　　　挿入先の 　<head> 〜 </head>　の、〜 部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type 〜 </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body
ﾊｲﾊﾟｰﾘﾝｸ文字色　背景色　下線
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
 お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F8F5F5 url(''); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F8F5F5 url(''); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#FFFFFF; background-color:#01A3AD; text-decoration:underline; }
a:active { color:#FFFFFF; background-color:#02A8AA; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
-->
</style>

<base target="_blank">
<title>サンプルページ　　タブメニュー 26</title>

<!--　☆ -----------　↓ この間をコピー＆ペーストします。 ------------　-->
<link rel='stylesheet' type='text/css' href='tabs.css'>
<!--　☆ -----------　↑ この間をコピー＆ペーストします。 ------------　-->
 

　

(*2) ：　tab_menu26.htm （例）　　　　　　　　挿入先の 　<body> 〜 </body>　の、〜 部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　  (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

※：<body>　部の編集　背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

　

　

　

　

　

　

　

　

　

任意ｺﾝﾃﾝﾂ（HTML、ﾃｷｽﾄ）

　

　

　

 

<body onLoad="initMenu();" style="margin: 5px 5px 5px 5px bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<!-- ☆ ---↑の、onLoad="initMenu();" style="margin: 5px 5px 5px 5px;　と、↓をｺﾋﾟｰ､編集､ﾍﾟｰｽﾄします｡ ---------- -->

<!--　★　-----------　↓ この間をコピー＆ペーストします。 ------------　-->
<SCRIPT SRC="menu.js" LANGUAGE="JavaScript">
/***********************************************************************
* This notice MUST stay intact for legal use
*
* Advanced JSMenu 0.3.1 (GPL).
* Copyright (C) 2004-2005 FREE-JAVASCRIPT.ALL-FAQS.INFO All Rights Reserved.
* http://free-javascript.all-faqs.info/
************************************************************************/
</SCRIPT>
<NOSCRIPT>
<!-- This notice MUST stay intact for legal use -->
<a href="http://free-javascript.all-faqs.info/">Advanced JSMenu 0.3.1</a>
<!-- ------------------------------------------ -->
</NOSCRIPT>

<MENU id="menu1" open="onclick" close="onclickout">
<DIV menu="Tab0" style="width: 60px;"> ﾒﾆｭｰ 1 </DIV>
<DIV menu="Tab1" style="width: 60px;"> ﾒﾆｭｰ 2 </DIV>
<DIV menu="Tab2" style="width: 60px;"> ﾒﾆｭｰ 3 </DIV>
</MENU>

<MENU id="Tab0" style="width: 300px; height: 100px; background-color: #99CCFF; position: absolute !important; left: 0px !important;" >
<!--　□11 ------　任意ｺﾝﾃﾝﾂ（HTML、ﾃｷｽﾄ）を、↓ この間をコピー＆ペーストします。 ------　-->
<p><img border="0" src="http://www001.upp.so-net.ne.jp/oka/sea4.jpg"
width="105" height="81" align="right"></p>
<a href="http://www.apple.com/quicktime/whatson/" target="_blank" title="ｱｯﾌﾟﾙ - ｸｲｯｸﾀｲﾑ　ｽﾄﾘｰﾐﾝｸﾞ TV ﾁｬﾝﾈﾙ〔｀。´ 〕">Music - Quick Time</a>
<a href="http://www.apple.com/trailers/" target="_blank" title="ｱｯﾌﾟﾙ - ｸｲｯｸﾀｲﾑ　ｽﾄﾘｰﾐﾝｸﾞ TV ﾁｬﾝﾈﾙ〔｀。´ 〕">Movie - Quick Time</a>　

====  この間､説明を省略｡  ====

<a href="http://www.comfm.com/live/radio/?internet=1" target="_blank" title="Webﾗｼﾞｵ">comfm.com</a>　
<!--　□11 ------　任意ｺﾝﾃﾝﾂ（HTML、ﾃｷｽﾄ）を、↑ この間をコピー＆ペーストします。 ------　-->
</MENU>

<MENU id="Tab1" style="width: 300px; height: 100px; background-color: #99CCFF; position: absolute !important; left: 0px !important;" >
<SCRIPT LANGUAGE="JavaScript"><!--　document.getElementById('Tab1').style.display = 'none';　//--></SCRIPT>
<!--　□12 ------　任意ｺﾝﾃﾝﾂ（HTML、ﾃｷｽﾄ）を、↓ この間をコピー＆ペーストします。 ------　-->
<p><img border="0" src="http://www001.upp.so-net.ne.jp/oka/sea8.jpg" width="104" height="80" align="right"></p>
<a href="http://www.uchiyamarina.net/" target="_blank" title="">内山理名</a>　
<a href="http://www.ken-on.co.jp/amami/" target="_blank" title="">天海祐希</a>　

====  この間､説明を省略｡  ====

<a href="http://columbia.jp/~yano/" target="_blank" title="">矢野沙織</a>
<!--　□12 ------　任意ｺﾝﾃﾝﾂ（HTML、ﾃｷｽﾄ）を、↑ この間をコピー＆ペーストします。 ------　-->　
</MENU>

<MENU id="Tab2" style="width: 300px; height: 100px; background-color: #99CCFF; position: absolute !important; left: 0px !important;">
<SCRIPT LANGUAGE="JavaScript"><!--　document.getElementById('Tab2').style.display = 'none';　//--></SCRIPT>
<!--　□13 ------　任意ｺﾝﾃﾝﾂ（HTML、ﾃｷｽﾄ）を、↓ この間をコピー＆ペーストします。 ------　-->
<p><img border="0" src="http://www001.upp.so-net.ne.jp/oka/sea9.jpg"
width="104" height="80" align="right"></p>

====  この間､説明を省略｡  ====

<a href="http://www.peugeot.de/" target="_blank" title="">Peugeot</a>
<!--　□13 ------　任意ｺﾝﾃﾝﾂ（HTML、ﾃｷｽﾄ）を、↑ この間をコピー＆ペーストします。 ------　-->　
</MENU>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　--> 

 

　

< 補足 >　　　　適時参照あれ！。

　・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。