質問編集履歴
1
HTMLの記述を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,19 +3,36 @@
|
|
|
3
3
|
切り替えがはできるようになったのですが、それをフェードイン・フェードアウトさせて
|
|
4
4
|
表示するようにしたいのですが、ＣＳＳやＪｓでどのように書けばいいのかわかりません。
|
|
5
5
|
ここにどのように書き加えればよろしいでしょうか？
|
|
6
|
-
よろしくお願いします
|
|
6
|
+
わかりにくいと思いますが・・・よろしくお願いします＞＜
|
|
7
7
|
|
|
8
8
|
```
|
|
9
|
+
HTML
|
|
10
|
+
<div class="floor">
|
|
11
|
+
<div class="floor_title"><img タイトル画像></div>
|
|
12
|
+
<div class="map">
|
|
13
|
+
<div class="map_text"><img １Ｆのマップ見出し画像></div>
|
|
14
|
+
<div class="zone_1F">
|
|
15
|
+
<div class="map_1F"><img １Fのマップ画像></div>
|
|
16
|
+
<input type="image" id="arrowR" alt="" src="’２Fへ’の画像" onClick="map_2()">
|
|
17
|
+
</div>
|
|
18
|
+
<div class="zone_2F">
|
|
19
|
+
<input type="image" id="arrowL" alt="" src="’１Ｆへの画像’" onClick="map_1()">
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
</div>
|
|
23
|
+
|
|
9
24
|
<script>
|
|
10
25
|
function map_1(){
|
|
11
|
-
document.map1.src="画像
|
|
26
|
+
document.map1.src="１Ｆのマップ画像";
|
|
27
|
+
document.map_text.src = "１Ｆのマップ見出し画像";
|
|
12
|
-
document.getElementById("
|
|
28
|
+
document.getElementById("arrowL").style.visibility="hidden";
|
|
13
|
-
document.getElementById("
|
|
29
|
+
document.getElementById("arrowR").style.visibility="visible";
|
|
14
30
|
}
|
|
15
31
|
function map_2(){
|
|
16
|
-
document.map1.src="画像
|
|
32
|
+
document.map1.src="２Ｆのマップ画像";
|
|
33
|
+
document.map_text.src = "２Ｆのマップ見出し画像";
|
|
17
|
-
document.getElementById("
|
|
34
|
+
document.getElementById("arrowR").style.visibility="hidden";
|
|
18
|
-
document.getElementById("
|
|
35
|
+
document.getElementById("arrowL").style.visibility="visible";
|
|
19
36
|
}
|
|
20
37
|
</script>
|
|
21
38
|
```
|