※ ChatGPTを利用し、要約された質問です（原文：webサイトで文字にマウスを重ねた時に文章を表示させたい）
webサイトで文字にマウスを重ねた時に文章を表示させたい
このQ&Aのポイント
ウェブサイトでJavaScriptを使用し、マウスを重ねた文字に対応する文章を表示させる方法について解説します。
記述したソースコードはInternet Explorerでは正しく動作しますが、Firefoxなど他のブラウザでは表示されません。他のブラウザでも正しく動作させるための修正方法をご説明します。
JavaScript初心者の方でも理解しやすいよう、修正すべき箇所とコードの解説を詳しく行います。
webサイトで文字にマウスを重ねた時に文章を表示させたい
ウェブサイトで、JavaScriptを使用し、「挨拶」の文字にマウスを重ねた時、「こんばんは。」と表示されるようにしたいのですが、上手くいきません。
下記は私が記述したソースになります。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<html>
<head>
<title>テスト</title>
<script language="JavaScript">
<!--//レイヤー表示
function Lay_View(name,sw) {
if (document.all) { //IE用
document.all[name].style.visibility=sw;
}
else if (document.layers) { //NC用
document.layers[name].visibility=sw;
}
}
//-->
</script>
</head>
<body ONLOAD="preloadImages();">
<!-- 表示するレイヤー -->
<div id="link2" style="position:absolute; width:600px; height:80px; z-
index:1; left: 80px; top: 600px; visibility: hidden">
こんばんは。</div>
<!-- ここまで -->
<a href="http://www.geocities.co.jp/Milkyway/1958/"
onMouseOver="Lay_View('link2','visible');Lay_View('linka','hidden');"
onMouseOut="Lay_View('link2','hidden');Lay_View('linka','visible');" >
挨拶</a>
</body>
</html>
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
この場合IEでは、ちゃんと表示されるのですが、Firefox等で見た場合、何も表示されません。どうすれば、他のwebブラウザにも対応できるのでしょうか？
JavaScriptは初心者なので、修正すべき場所とコードを詳しく教えて頂けると助かります。よろしくお願い致します。
お礼
ありがとうございました。 かなり助かりました。