これを実現するには、ヘッダ部(<HEAD>〜</HEAD>の間)に次のように記述します。
<SCRIPT TYPE="text/javascript">
<!--
kisetu = new Image();
kisetu.src = "natu.jpg";
function natu() {document.kisetu.src= "natu.jpg";}
function fuyu() {document.kisetu.src= "fuyu.jpg";}
-->
</SCRIPT>
そして、画像を表示するところに、次のように記述します。
<IMG SRC="fuyu.jpg" NAME="kisetu" onmouseover="natu()" onmouseout="fuyu()">
- fuyu.jpg:通常時表示する画像
- natu.jpg:マウスを載せた時表示させる画像
ブラウザ対応表
ブラウザ | IE | Netscape | Opera
|
バージョン | 5.00 | 5.50 | 6.0 | 6.2.3 | 7.01 | 6.06 | 7.21
|
対応 | ○ | ○ | ○ | ○ | ○ | ○ | ○
|