フロアマップで、2階ボタンを押すと2階の地図が表示される、というようなものを
作っています。(ニフレルの7つゾーンというマップを参考にしています・・・)
切り替えがはできるようになったのですが、それをフェードイン・フェードアウトさせて
表示するようにしたいのですが、CSSやJsでどのように書けばいいのかわかりません。
ここにどのように書き加えればよろしいでしょうか?
わかりにくいと思いますが・・・よろしくお願いします><
HTML <div class="floor"> <div class="floor_title"><img タイトル画像></div> <div class="map"> <div class="map_text"><img 1Fのマップ見出し画像></div> <div class="zone_1F"> <div class="map_1F"><img 1Fのマップ画像></div> <input type="image" id="arrowR" alt="" src="’2Fへ’の画像" onClick="map_2()"> </div> <div class="zone_2F"> <input type="image" id="arrowL" alt="" src="’1Fへの画像’" onClick="map_1()"> </div> </div> </div> <script> function map_1(){ document.map1.src="1Fのマップ画像"; document.map_text.src = "1Fのマップ見出し画像"; document.getElementById("arrowL").style.visibility="hidden"; document.getElementById("arrowR").style.visibility="visible"; } function map_2(){ document.map1.src="2Fのマップ画像"; document.map_text.src = "2Fのマップ見出し画像"; document.getElementById("arrowR").style.visibility="hidden"; document.getElementById("arrowL").style.visibility="visible"; } </script>
回答1件
あなたの回答
tips
プレビュー