[Back]

■ Change Image ■
〜ポインタによる画像の入れ替え〜

■ プレビュー

Java

■ ソース

<script language="JavaScript">
<!--
var agent = navigator.userAgent;
var nv = 0;
if(agent.indexOf("Mozilla/2") == 0){var nv = 1}
if(nv != 1){
document.onimage1 = new Image();
document.onimage1.src="../img/java_m.gif";
}
function menuon(i){
 if(nv != 1){
	if(i == 1){document.menu1.src="../img/java_m.gif"}
	}
 }
function menuout(i){
 if(nv != 1){
	if(i == 1){document.menu1.src="../img/board1_c.gif"}
	}
 }
// -->
</script>

■ 使い方

  1. 上のプログラムを、文章を表示したいhtmlファイルにコピーして下さい。
  2. onimage1.src menu1.src に書き換える画像を入れます。画像のあるパス指定を間違わないように。
  3. </head>の後の部分に、次のように記述してください。 
    <a href="java.htm" target="main" onmouseover="menuon(1)" onmouseout="menuout(1)">
<img src="../img/board1_c.gif" alt="Java"
border="0" width="171" height="171" name="menu1">