![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.1ベストアンサー
- 回答日時:
Google Chrome と Firefox でのみ動作を試してみました。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Q7279331</title>
<script type="text/javascript">
window.onload = function() {
div1 = document.getElementById("div1");
div2 = document.getElementById("div2");
div1.onmouseover = function() {
div1.style.visibility = "hidden";
div2.style.visibility = "visible";
};
div1.style.visibility = "visible";
div2.style.visibility = "hidden";
};
</script>
</head>
<body>
<div id="div1">段落1</div>
<div id="div2">段落2</div>
</body>
</html>
No.2
- 回答日時:
こんなんでいかが?
<script language="JavaScript">
function VIS(name1,name2){
document.all(name1).style.visibility="hidden";
document.all(name2).style.visibility="visible";
}
</script>
<body>
マウスを当てるとそのレイヤが消えて別のレイヤが現れます。
<hr>
<center>
<div id="L1" style="position:relative;visibility:visible;;background-color:yellow;" onMouseover="VIS('L1','L2')"> これは(DIV1)です。
</div><br>
<div id="L2" style="position:relative;visibility:hidden;;background-color:aqua;"> これは(DIV2)です。
</div>
</body>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- PHP 掲示板を作成しておりアップロードファイルとメッセージを並べたいので、アドバイスお願い致します 2 2023/07/17 21:01
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
前回の質問の続き
-
onclickとonmouseoverを同時に...
-
背景色を透明化
-
バッチファイルでカウントアッ...
-
createElementが一瞬で消えてし...
-
タブで開いてさらにタブ内をア...
-
JSで動的にリンクを作成
-
変数内容をHTML内で表示する方法
-
dblclickでdiv要素を一回だけ作...
-
表示・非表示のスクリプトで、...
-
読み込んだQRコードをフォーム...
-
javascriptテキストBOX色を元に...
-
removeEventListenerについて
-
自働生成される<div>タグに連番...
-
jQueryのアコーディオンメニュ...
-
クリックで色変更後に既に変更...
-
jQueryでシンプルドラッグドロ...
-
クリックするとテーブルの列の...
-
jQueryスライドショー画像への...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
createElementで作成した要素を...
-
読み込んだQRコードをフォーム...
-
console.log結果をhtmlで表示し...
-
iframe内のリンクが飛ばないの...
-
変数内容をHTML内で表示する方法
-
getElementByIdの戻り値がnull...
-
背景色を透明化
-
自働生成される<div>タグに連番...
-
複数のリンク画像を一定時間で...
-
クリックで色変更後に既に変更...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
表示・非表示のスクリプトで、...
-
タブで開いてさらにタブ内をア...
-
Jquery 親要素で順番入れ替え
-
HTML id名とjavascript変数名
-
VBScriptでXMLのデータを取得す...
-
[急ぎ] videoタグで埋め込んだm...
おすすめ情報