(このページのソースは、コピー自由です)



この場合クリックすると画像がかわり、
さらにリンクボタンは複数置けます

aka ao midori


もどる
<HEAD>
<script language="JavaScript">
<!-----
if (document.images){
var aka1 = new Image()
aka1.src = "aka1.gif"
var aka2 = new Image()
aka2.src = "aka2.gif"
var aka3 = new Image()
aka3.src = "midori3.gif"//midori3を共有せず新しい画像ならaka3.gifで登録

var ao1 = new Image()
ao1.src = "ao1.gif"
var ao2 = new Image()
ao2.src = "ao2.gif"
var ao3 = new Image()
ao3.src = "midori3.gif"//midori3を共有せず新しい画像ならao3.gifで登録

var midori1 = new Image()
midori1.src = "midori1.gif"
var midori2 = new Image()
midori2.src = "midori2.gif"
var midori3 = new Image()
midori3.src = "midori3.gif"
}

function on(img1){
if (document.images) {
document[img1].src = eval(img1 + '2.src');
}
}
function off(img1){
if (document.images){
document[img1].src = eval(img1 + '1.src');
}
}
function clc(img1){
if (document.images){
document[img1].src = eval(img1 + '3.src');
}
}
// -->
</script>
</HEAD>
<BODY>
<A HREF="**.html" onmouseover="on('aka')" onmouseout="off('aka')" onclick="clc('aka')">
<IMG SRC="aka1.gif" name="aka" WIDTH="**" HEIGHT="**" ALT="aka" BORDER=0></A>
<A HREF="**.html" onmouseover="on('ao')" onmouseout="off('ao')" onclick="clc('ao')">
<IMG SRC="ao1.gif" name="ao" WIDTH="**" HEIGHT="**" ALT="ao" BORDER="0"></A>
<A HREF="**.html" onmouseover="on('midori')" onmouseout="off('midori')" onclick="clc('midori')">
<IMG SRC="midori1.gif" name="midori" WIDTH="**" HEIGHT="**" ALT="midori" BORDER=0></A>
</BODY>