javascript - 在javascript中更改mousemove上的图片

标签 javascript html css web mousemove

我遇到了 this网站,并希望在鼠标移动到我自己的网站时实现类似于他们的图片更改 Logo 的功能。我不确定它是否使用 jQuery,因为页面源代码有点困惑,我是否可以在 javascript 中执行此操作?

最佳答案

实际上,该网站正在使用背景 Sprite ,并显示每个改变 Sprite 位置的 Logo 。

这是 Logo 的 Sprite 图像: http://w00tmedia.net/wp-content/themes/w00t/images/citrus-logos.png

您应该根据 sprite 布局以及您希望“快速”更改图像的速度进行一些计算。

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

然后改变元素的背景位置。

关于javascript - 在javascript中更改mousemove上的图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15144649/

相关文章:

即使滚动处于事件状态,jQuery 仍将 div 置于窗口中心

jquery - 我如何设置我的 json 文件正在打印到屏幕上的文本我想隐藏文本

Javascript - 循环 3 个函数,每个函数之间有延迟

javascript - 动态添加的复选框不会触发事件

javascript - 为什么我的计划没有给我分配的折扣?

html - Bootstrap 具有相同高度和背景颜色的列

javascript - Ionic 如何创建 mp3 文件?

html - 文本容器大小 - 文本换行?

javascript - 与 AngularJS 中的指令实例通信

javascript - 使用angularJs显示来自socket io的数据