Question

是否可以将图像放到根据光标位置而变化的网页上？

当前代码：

<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" />

Answer 1

搜索如何回应悬停事件。
搜索如何在HTML元素上切换CSS类。
当图像悬停时，切换HTML元素的类，以便使用不同的CSS类。这个不同的CSS类将有不同的图像。

为此可能更容易使用jQuery。

多个翻转图像

1 个答案: