<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>触れると表示されるメニュー（ボタン）</title>
<script language="JavaScript">
<!--
i=7;//menuで使った数
open_close_flg = new Array(i);//配列を定義
for(j = 0; j < i; j++){ open_close_flg[j] = 0;}//配列の初期化
function open_close_cntl(menu_array,menu_id){//オープンクローズ制御関数
if(open_close_flg[menu_array] == 0){//閉じていたら開く
if(document.getElementById){
document.getElementById(menu_id).style.display='block';}
else{
document.all(menu_id).style.display='block';}
open_close_flg[menu_array] = 1;}//開くに設定
else{//開いていたら閉じる
if(document.getElementById){
document.getElementById(menu_id).style.display='none';}
else{
document.all(menu_id).style.display='none';}
open_close_flg[menu_array] = 0;}//閉じるに設定
}
//-->
</script>
<style type="text/css">
<!--
ul { list-style-type: none;
margin-top:-6px;}
.type1 { border-style:solid ;
border-width:2px;
border-top-color:white;
border-left-color:white;
border-bottom-color:glay;
border-right-color:glay;
padding: 2px;
background-color: #CCCCCC;
width: 150px;}
-->
</style>
</head>
<body bgcolor="green" text="#000000">
<ul>
<li><button id="menu_top" type="button" class="type1" onMouseOver="javascript:open_close_cntl(0,'menu_0'),this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">検索エンジン▼</button>
<ul id="menu_0" style="display:none;">
<li><button type="button" class="type1" onMouseOver="javascript:open_close_cntl(1,'menu_1'),this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">ロボット型検索エンジン▼</button>
<ul id="menu_1" style="display:none;">
<li><button type="button" onClick="location.href='http://www.google.com/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">Google</button>
<li><button type="button" onClick="location.href='http://www.infoseek.co.jp/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">infoseek</button>
</ul>
<li><button type="button" class="type1" onMouseOver="javascript:open_close_cntl(2,'menu_2'),this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">ディレクトリ型▼</button>
<ul id="menu_2" style="display:none;">
<li><button type="button" onClick="location.href='http://www.yahoo.co.jp/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">Yahoo! JAPAN</button></li>
</ul>
</ul>
<li><button type="button" class="type1" onMouseOver="javascript:open_close_cntl(3,'menu_3'),this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">メディア▼</button>
<ul id="menu_3" style="display:none;">
<li><button type="button" class="type1" onMouseOver="javascript:open_close_cntl(4,'menu_4'),this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">新聞系▼</button>
<ul id="menu_4" style="display:none;">
<li><button type="button" onClick="location.href='http://www.asahi.com/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">朝日新聞</button></li>
<li><button type="button" onClick="location.href='http://www.yomiuri.co.jp/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">読売新聞</button></li>
</ul>
<li><button type="button" class="type1" onMouseOver="javascript:open_close_cntl(5,'menu_5'),this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">テレビ系▼</button>
<ul id="menu_5" style="display:none;">
<li><button type="button" onClick="location.href='http://www.nhk.or.jp/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">NHK</button></li>
<li><button type="button" class="type1" onMouseOver="javascript:open_close_cntl(6,'menu_6'),this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">テレビ朝日系列▼</button>
<ul id="menu_6" style="display:none;">
<li><button type="button" onClick="location.href='http://www.tv-asahi.co.jp/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">テレビ朝日</button></li>
<li><button type="button" onClick="location.href='http://www.nbn.co.jp/'" class="type1" onMouseOver="this.style.color='#ffffff',this.style.backgroundColor='#000066'" onMouseOut="this.style.color='#000000',this.style.backgroundColor='#CCCCCC'">名古屋テレビ</button></li>
</ul>
</li>
</ul>
</ul>
</ul>
</body>
</html>