ＡＰＰＬＹ ◇１◇

　◆Javascript・ロールオーバー◆　

見本です 見本です 見本です



////////////////////////////////////////////////////////////
// 上の画像を組み込むページのＨＴＭＬソースをエディタで開き、
// <HEAD>から</HEAD>の間に以下の部分を加えます。
// 下の部分はドアのサンプル用に書いてある物ですから
// 赤い文字の所を使用する画像の名前に書き換えてください。
////////////////////////////////////////////////////////////
<SCRIPT type="text/javascript" language="JavaScript">
<!--
if(document.images) {
var imgs = new Array();
imgs[0] = new Image(); imgs[0].src = "doa_01.gif";
imgs[1] = new Image(); imgs[1].src = "open_01.gif";
}

function changeimg(id, imgname) {
if(document.images) {
if(imgs[imgname]) {
document.images[id].src = imgs[imgname].src;
}
else {
document.images[id].src = imgname;
}
}
}
//-->
</script>

//////////////////////////////////////////////////////////////
// 次に、<BODY>から</BODY>の間（表示したい位置）に
// 以下の部分を加えるとリンク用ロールオーバー画像が出来ます。
//////////////////////////////////////////////////////////////
<a href="リンク先のＵＲＬ" onMouseOver="changeimg('img0',1);" onMouseOut="changeimg('img0',0);"><img src="doa_01.gif" name="img0" width="50" height="100" border="0" alt="ドア画像"></a>
/////////////////////////////////////////////////////////
// 次のページにスクリプトで使えるドア画像があります。
/////////////////////////////////////////////////////////



[1] [2] [3] [4] [5]

[6] [7] [8] [9] [10]

[11] 　 　 　 　


[season] [fixed] [value] [japanese] [check] [border]


[line] [icon] [ornament] [Flash] [apply] [move]


[Site Top] [Material Top]