html - 偏移图像鼠标悬停

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举个例子。