您好,我想在悬停时预览视频文件的缩略图,例如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/