多次更改css背景位置

您好，我想预览悬停时视频文件的缩略图，例如www.megavideo.com，但我想用sprite文件来做。例如：我的拇指是一幅140像素宽和560像素高的图像当我用鼠标悬停想要切换背景位置4次（-140像素）并在鼠标悬停时循环播放动画。有人可以帮助我吗？我很抱歉我的英语不好，我是jquery的新手。谢谢！多次更改css背景位置

来源

2011-03-14 George

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

您可以指定第二个回调函数，其中.hover在停止悬停时会触发;使用该功能取消上次用clearTimeout设置的回叫。

来源

2011-03-14 13:33:45 meagar

感谢您的答案，但就像我说我不熟悉JavaScript，你可以更清楚一点请:)我发现http://jsfiddle.net/ayNPS/85/，但我不工作与精灵... – George 2011-03-14 13:45:21

我有这个，但我不知道如何去恰克位置化背景，而不是在src 'code' VAR定时器，计数= 0，周期=功能（EL）{VAR S = el.attr（ 'src'）， root = s.substring（0，s.lastIndexOf（'/'）+ 1）; count =（count + 1）％4; （'count'）？''''）; }; （$ this（this）; cycle（$ this）; timer = setInterval（function（）{cycle（$ this）;} $（'。mb img'）。hover（function（）{ ，1000）; }，function（）{clear_interval（timer）; }）; }）'code' – George 2011-03-14 15:00:08

多次更改css背景位置

回答

相关问题