|
|
|||
<html>
<head>
<title>ボタンのリンク（ロールオーバー）</title>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
.type1 { border: #0000FF double;
background-color: aqua;}
body { text-align: center;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" colspan="4">
<p><img src="welcome.gif" width="400" height="50"></p>
</td>
</tr>
<tr>
<td align="center"><button type="button" onClick="location.href='movie.html'" class="type1" onMouseOver="this.style.backgroundColor='yellow'" onMouseOut="this.style.backgroundColor='aqua'"><img src="movie.gif" width="100" height="30"><br>
映画の話</button></td>
<td align="center"><button type="button" onClick="location.href='music.html'" class="type1" onMouseOver="this.style.backgroundColor='yellow'" onMouseOut="this.style.backgroundColor='aqua'"><img src="music.gif" width="100" height="30"><br>
音楽の話</button></td>
<td align="center"><button type="button" onClick="location.href='keijiban.html'" class="type1" onMouseOver="this.style.backgroundColor='yellow'" onMouseOut="this.style.backgroundColor='aqua'"><img src="bbs.gif" width="100" height="30"><br>
掲示板</button></td>
<td align="center"><button type="button" onClick="location.href='link.html'" class="type1" onMouseOver="this.style.backgroundColor='yellow'" onMouseOut="this.style.backgroundColor='aqua'"><img src="link.gif" width="100" height="30"><br>
リンク</button></td>
</tr>
</table>
</body>
</html>
