1

カーソルの位置に応じて変化する画像を Web ページに配置することはできますか?

現在のコード:

<body onload="MM_preloadImages('Images/Home.png')">

<div class="HeaderWrapper">
    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','Images/Home.png',1)">
        <img src="Images/NavigationBanner.png" name="Image2" width="1300" height="150" border="0" id="Image2" />
    </a>
    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Images/Home.png',1)">
        <img src="Images/NavigationBanner.png" name="Home" width="1300" height="150" border="0" id="Home" />
    </a>
</div>

これをどのように使用するかを変更できると思っていましたか？

<area shape="rect" coords="434,54,495,83" href="index.php" target="index.php" alt="index" />
4

1 に答える 1

1

  1. ホバー イベントへの応答方法を検索します。

  2. HTML 要素の CSS クラスを切り替える方法を検索します。

  3. 画像がホバーされたら、別の CSS クラスが使用されるように HTML 要素のクラスを切り替えます。この別の CSS クラスは、別のイメージを持ちます。

これにはjQueryを使用する方が簡単かもしれません。

于 2012-11-15T19:36:33.653 に答える