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为例。