偏移图像鼠标悬停

Question

我正在尝试做一些类似于此价格表在鼠标悬停方面的工作方式，以及更改下方的大图像。我找不到这个叫什么，有人能指出我正确的方向吗？

http://www.anyjunk.co.uk/rubbish-removal-prices

Answer 1

在我看来，这只是一个基本的onmouseover事件。你也可以这样做：

<script type="text/javascript">
    function changeImage(imageFile)
    {
        document.getElementById('img1').src = imageFile;
    }
</script>
<div id="div1" onmouseover="changeImage('image2.jpg')">Mouse over this</div>
<img src="image1.jpg" id="img1" />

以下是jsFiddle作为示例。