疑問

画像の上にマウスが来たら、画像を切り替えたい

処理

ロールオーバー効果を使用します。

画像を指定し挿入-画像の効果-ロールオーバー効果と選択するとウィザードが開きます。

画像のロールオーバー効果ウィザード（通常時の画像を指定）の画像の指定で効果を掛けたい画像を指定し次へ

画像...（マウスポインタが上にきたときのの画像を指定）の「画像の指定で通常時の画像に効果を加えたものを使用する」か「ファイル名を指定する」のどちらかを選び次へ

リンク先を指定する場合は画像...（その他の設定）のリンクの指定で「ファイル」「URL」「ターゲットの指定」でリンク先と開き方を指定し次へ

他の場所の画像にも効果を掛ける場合には画像...（他の場所の画像の交換）の追加で効果を掛ける場所を追加し完了

スクリプト

※2枚の画像を使用して、リンクを設定した場合

<hesd></hesd>間


<script language="JavaScript">
<!--HPB_SCRIPT_ROV_50
//
//  Licensed Materials - Property of IBM
//  5724G06
//  (C) Copyright IBM Corp. 1995, 2003 All Rights Reserved.
//

// HpbImgPreload:
//
function HpbImgPreload()
{
  var appVer=parseInt(navigator.appVersion);
  var isNC=false,isN6=false,isIE=false;
  if (document.all && appVer >= 4) isIE=true; else
    if (document.getElementById && appVer > 4) isN6=true; else
      if (document.layers && appVer >= 4) isNC=true;
  if (isNC||isN6||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];
      }
    }
  }
}
// HpbImgFind:
//
function HpbImgFind(doc, imgName)
{
  for (var i=0; i < doc.layers.length; i++)
  {
    var img = doc.layers[i].document.images[imgName];
    if (!img) img = HpbImgFind(doc.layers[i], imgName);
    if (img) return img;
  }
  return null;
}
// HpbImgSwap:
//
function HpbImgSwap(imgName, imgSrc)
{
  var appVer=parseInt(navigator.appVersion);
  var isNC=false,isN6=false,isIE=false;
  if (document.all && appVer >= 4) isIE=true; else
    if (document.getElementById && appVer > 4) isN6=true; else
      if (document.layers && appVer >= 4) isNC=true;
  if (isNC||isN6||isIE)
  {
    if (document.images)
    {
      var img = document.images[imgName];
      if (!img) img = HpbImgFind(document, imgName);
      if (img) img.src = imgSrc;
    }
  }
}
var swImg; swImg=new Array;
//-->
</script><script language="JavaScript">
<!--HPB_SCRIPT_PLD_50
HpbImgPreload('_HPB_ROLLOVER1', '***.gif', '***.gif');
//-->
</script>

効果を指定する要素の部分


<a href="**.html" id="_HPB_ROLLOVER1" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', '***.gif');" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', '***.gif');">
<img src="***.gif" width="**" height="**" border="0" name="_HPB_ROLLOVER1"></a>