↑
マウスカーソルを画像にのせてください。

扉画像ロールオーバーのタグの見本です。

1.　まず、下のタグを、HEADに書き込んでください。


<SCRIPT language="JavaScript">
<!--HPB_SCRIPT_ROV_50
//
// Licensed Materials - Property of IBM
// 83H7391, 42L1820
// (C) Copyright IBM Corp. 1995, 1999 All Rights Reserved.
//

// HpbImgPreload: 画像のプリロードを行ないます
//
function HpbImgPreload()
{
var appVer=parseInt(navigator.appVersion);
var isNC=(document.layers && (appVer >= 4)); // Netscape Navigator 4.0 or later
var isIE=(document.all && (appVer >= 4)); // Internet Explorer 4.0 or later
if (isNC || isIE)
{
if (document.images)
{
var imgName = HpbImgPreload.arguments[0];
var cnt;
swImg[imgName] = new Array;
for (cnt = 1; cnt < HpbImgPreload.arguments.length; cnt++)
{
swImg[imgName][HpbImgPreload.arguments[cnt]] = new Image();
swImg[imgName][HpbImgPreload.arguments[cnt]].src = HpbImgPreload.arguments[cnt];
}
}
}
}
// HpbImgSwap: 画像を入れ換えます
//
function HpbImgSwap(imgName, imgSrc)
{
var appVer=parseInt(navigator.appVersion);
var isNC=(document.layers && (appVer >= 4)); // Netscape Navigator 4.0 or later
var isIE=(document.all && (appVer >= 4)); // Internet Explorer 4.0 or later
if (isNC || isIE)
{
if (document.images)
{
document.images[imgName].src = imgSrc;
}
}
}
var swImg; swImg=new Array;
//-->
</SCRIPT><SCRIPT language="JavaScript">
<!--HPB_SCRIPT_PLD_50
HpbImgPreload('_HPB_ROLLOVER1', 'x_sock1.gif', 'x_sock2.gif');
//-->
</SCRIPT>


↑ここまで------------------------------------------------------------

2.　次に、下のタグを、このロールオーバー画像を挿入する場所（BODY）に、書き込んでください。

<A href="menu.html" id="_HPB_ROLLOVER1" onmouseout="HpbImgSwap('_HPB_ROLLOVER1','x_sock1.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER1','x_sock2.gif');"><IMG border="0" name="_HPB_ROLLOVER1" src="x_sock1.gif"></A>



赤文字のhtmlファイル名は、リンク先です。リンクしたいhtmlファイル名に書き換えてください。

copyright(C)2001 A.Sakaguchi all rights reserved
Anne's small box