ロールオーバー
 トップ > JAVAスクリプト > ロールオーバー

マウスを画像の上におくと横の画像が変化するスクリプトです。

 サンプル
マウスをサンプルと書いてある画像の上におくと太陽の画像が変化します


 設置の仕方

緑色の部分を変えてお使い下さい。

<HEAD></HEAD>の間に下記のように書きます。
sample_main.gifの部分でマウスをのせてない時の画像を
sample_b.gifの部分でマウスをのせている時の画像を指定します。

<SCRIPT language=JavaScript><!--
if (document.images){
off = new Image(); off.src = "
sample_main.gif";
}
function offOf(btName) {
if (document.images){
document[btName].src = off.src;
}
}
// -->
</SCRIPT>

<SCRIPT language=JavaScript><!--
if (document.images){
on = new Image(); on.src = "
sample_b.gif";
}

function onOn(btName) {
if (document.images){
document[btName].src = on.src;
}
}
// -->
</SCRIPT>

<BODY></BODY>の間に下記のように書きます。
上がマウスをのせる画像の部分のタグで
下が変化する部分の画像のタグです。
mainの部分は同じ名前にして下さい。

<a href="javascript:function voi(){};voi()" onmouseover="onOn('main'), window.status='sample';return true;" onmouseout="offOf('main')"><IMG src="sample_a.gif" width="155" height="45" border="0"></A>

<IMG name="main" src="sample_main.gif" width="64" height="63" border="0">