在javascript中移动mousemove上的图片

Question

我遇到this网站，并且想要实现类似于图片更改徽标的事情，同时鼠标正在移入我自己的网站。我不确定它是否使用jQuery作为页面源代码有点令人困惑，有没有办法让我在javascript中做到这一点？

Answer 1

如果你有一个div或者其他的block元素而不是图片标签，你也可以使用css来实现同样的效果。

#logo { 
background: url('logo.png'); 
width: 200px; 
height: 45px; 
} 

#logo:hover { 
background: url('logo_hover.png'); 
} 

Answer 2

实际上，该网站使用背景子画面，并显示每个标志变更子画面的位置。

这是标志精灵形象： http://w00tmedia.net/wp-content/themes/w00t/images/citrus-logos.png

你应该做的基础上，精灵布局一些计算，以及如何快速“”你想改变形象。

看到这， http://docs.jquery.com/Tutorials:Mouse_Position

，然后更改元素的背景位置。