您好,我想在悬停时预览视频文件的缩略图,例如 www.megavideo.com,但我想用 sprite 文件来实现。 例如:我的拇指是一个 140px 宽和 560px 高的图像 当我用鼠标悬停时,我想将背景位置切换 4 次(-140 像素),并在鼠标悬停时循环播放该动画。 有人可以帮我吗?我很抱歉我的英语不好,我是 jquery 的新手。 谢谢!
最佳答案
使用 $.hover
应用事件处理程序使用 setTimeout
每秒将 background-position
属性的一个轴调整 -140px。存储 setTimeout
的返回值,以便稍后取消它。当该轴的值超过-140 * 4
时,其中4是动画的帧数,然后将其重置为0。
您可以使用 .hover
指定第二个回调函数,它会在您停止悬停时触发;使用该函数取消您上次使用 clearTimeout
设置的回调。
关于javascript - 多次更改 css 背景位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5299225/