解説

<a onclick="hanabi1()" onmouseover="imgHenkou(1)" onmouseout="imgHenkou(0)"> 花火１発</a>

花火1発をクリックしjavascriptのfunction hanabi1()に→

function hanabi1(){ if(utiage1.style.visibility =="hidden"){ utiage1.style.visibility = "visible" }else{ utiage1.style.visibility = "hidden" } } hanabiC.gif(花火の画像)を <div ID="utiage1"で設定し、 hidden(非表示）ならvisible(表示）、visibleならhiddenにする <div STYLE="position: relative; left: 0px; top:50px"> <img src="ht.gif" width="150" height="250" alt="" border=0></div> <div id="Henkou1" style="position:relative; left:0px; top:-200px;visibility;cursor: pointer;"> <img src="ht012.gif" width="150" height="250" alt="" border=0></div> マウスを乗せて変わる猫画像（ht.gif,ht012.gif)のleft,top 位置は、ブラウザ上で確認し調整する

relativeの解説