您好,我想在悬停时预览视频文件的缩略图,例如www.megavideo.com,但我想使用Sprite文件来做。
例如:我的拇指是140像素宽和560像素高的图像
当我将鼠标悬停时,想要将背景位置切换4次(-140px)并在鼠标悬停时循环播放该动画。
有人可以帮我吗?我为我的英语不好而感到抱歉,并且对jquery感到陌生。
谢谢!

最佳答案

应用带有$.hover的事件处理程序,该事件处理程序使用setTimeout每秒将background-position属性的一个轴调整-140px。存储setTimeout的返回值,以便以后可以取消它。当该轴的值超过-140 * 4时,其中4是动画的帧数,然后将其重置为0。

您可以使用.hover指定第二个回调函数,该函数将在您停止悬停时触发;使用该函数取消您上次使用clearTimeout设置的回调。

关于javascript - 多次更改CSS背景位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5299225/

10-13 02:55