<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title> 不思議な四角 </title>
<script type="text/javascript">
function allreset(){
document.p1.src="./g.png"; document.p2.src="./g.png";
document.p3.src="./g.png"; document.p4.src="./g.png";
document.p5.src="./g.png"; document.p6.src="./g.png";
document.p7.src="./g.png";
document.p9.src="./g.png"; document.p10.src="./g.png";
document.p11.src="./g.png"; document.p12.src="./g.png";
document.p13.src="./g.png"; document.p14.src="./g.png";
document.p15.src="./g.png";
count++;
if (count>=2){
window.open("http://www.cc.kumamoto-u.ac.jp/");
}
}
</script>
</head>
<body onload="count=0">
マウスを動かしたりクリックしたりして下さい。<br><br>
<img src="./g.png" name="p1" onmouseover='p1.src="./b.png"'>
<img src="./g.png" name="p2" onmouseover='p2.src="./b.png"'>
<img src="./g.png" name="p3" onmouseover='p3.src="./b.png"'>
<img src="./g.png" name="p4" onmouseover='p4.src="./b.png"'>
<img src="./g.png" name="p5" onmouseover='p5.src="./b.png"'>
<br><br>
<img src="./g.png" name="p6" onmouseover='p6.src="./b.png"'>
<img src="./b.png" name="p7" onmouseover='p7.src="./b.png"'>
<img src="./g.png" name="p8" onmouseover='p8.src="./b.png"; p7.src="./y.png"' onmouseout='p8.src="./g.png"; p7.src="./b.png"' onclick='p8.src="ba.png"; allreset()'>
<img src="./g.png" name="p9" onmouseover='p9.src="./b.png"'>
<img src="./g.png" name="p10" onmouseover='p10.src="./b.png"'>
<br><br>
<img src="./g.png" name="p11" onmouseover='p11.src="./b.png"'>
<img src="./g.png" name="p12" onmouseover='p12.src="./b.png"'>
<img src="./g.png" name="p13" onmouseover='p13.src="./b.png"'>
<img src="./g.png" name="p14" onmouseover='p14.src="./b.png"'>
<img src="./g.png" name="p15" onmouseover='p15.src="./b.png"'>
<br>
</body>
</html>