メッセージが表示されるリンクボタン MENU

Linkにマウスを置くとメッセージが表示されます
Home
Program
Pussle&Game
言葉の百科
気まぐれ日記
  • リンク先は全て、JavaScriptMainにしています
  • 配列を連想配列にしました

  • Source
      <HTML lang="ja"> <HEAD> <STYLE> .sty1 {background-color: #6a5acd; color: #ffff00; text-align: center; font-size: 12pt; font-weight: bold; } </STYLE> <TITLE>Java</TITLE> <script> const comment = { mout:"Linkにマウスを置くとメッセージが表示されます", main:"メインページにJUMPします", prog:"ProgramMainにJumpします", examine:"Pussle&GameメインにJumpします", free:"言葉の百科メインにJumpします", jsc:"気まぐれ日記メインにJumpします" } function chngemsg(whichmsg){ document.getElementById('idmsg').innerHTML = comment[whichmsg]; } </script> </HEAD> <BODY> <center> <TABLE bgColor="#fffacd" border="0" cellspacing="2" width="750" align="center"> <TR class="sty1"> <TD colspan="5" id="idmsg">Linkにマウスを置くとメッセージが表示されます</TD></TR> <tr><td bgcolor="#0000ff" align="center" width="150"> <a href="https://zamami.la.coocan.jp/" onMouseOver="chngemsg('main')" onMouseOut="chngemsg('mout')"> <font color="#00ffff"><b>Home</b></font></a></td> <td bgcolor="#0000ff" align="center" width="150"> <a href="https://zamami.la.coocan.jp/program.html" onMouseOver="chngemsg('prog')" onMouseOut="chngemsg('mout')"> <font color="#00ffff"><b>Program</b></font></td> <td bgcolor="#0000ff" align="center" width="150"> <a href="https://zamami.la.coocan.jp/PGame/PGamemenu.html" onMouseOver="chngemsg('PGame')" onMouseOut="chngemsg('mout')"> <font color="#00ffff"><b>Pussle&Game</b></font></td> <td bgcolor="#0000ff" align="center" width="150"> <a href="https://zamami.la.coocan.jp/spc/spc_m.html" onMouseOver="chngemsg('spc')" onMouseOut="chngemsg('mout')"> <font color="#00ffff"><b>言葉の百科</b></font></td> <td bgcolor="#0000ff" align="center" width="150"> <a href="https://zamami.la.coocan.jp/walk/walk000.html" onMouseOver="chngemsg('walk')" onMouseOut="chngemsg('mout')"> <font color="#00ffff"><b>気まぐれ日記</b></font></td></tr></table> </center> </BODY> </HTML>