マウスで画像書き換え
画像の上にマウスポインタを合わせると画像を書き換え、はずすと元に戻します。
使う画像を２枚用意して下さい。（ｊｐｇ，ｇｉｆ）
使う画像のファイル名を書き加えて下さい。（「プログラム①」と「プログラム②」の赤字の部分。）
このページのファイル名を書き加えて下さい。（「プログラム②」の青字の部分。）
ＳＴＥＰ１
「プログラム①」をＨＴＭＬの上の方にコピーして下さい。
プログラム①
<script language="javascript">
var img1 = new Image();
var img2 = new Image();
img1.src = "s01.jpg";
img2.src = "s02.jpg";
function cimg1(){
document.img1.src=img1.src;
}
function cimg2(){
document.img1.src=img2.src;
}
</script>
|
ＳＴＥＰ２
「プログラム②」を画像を表示させたい所にコピーして下さい。
プログラム②
<a href="java020.html"
onmouseover="cimg2(); return false;"
onmouseout="cimg1(); return false;">
<img src="s01.jpg"
border="0" name="img1">
|
ページＴＯＰへ