代码之家 › 专栏 › 技术社区 › Darryl Hein IrishChieftain

每X毫秒移动背景图像X个像素

css jquery

Darryl Hein IrishChieftain · 技术社区 · 16 年前

我有一个 image sprite of sorts 1个按钮有多个框架。我希望使用jQuery在滚动链接/按钮时“播放”这些帧。目前,使用CSS将图像设置为按钮的背景,因此我希望沿Y轴每~30ms更改背景位置约40px(但我可以更改方向)10x,这样它最终会移动约400px。

shown here

有更好的选择吗?

1 回复 | 直到 16 年前

Gordon Gustafson 16 年前

我还没有测试过这个,所以它可能不完美/有错误 )

function moveImage() {
var x = parseInt( $(selector).css("backgroundPositionx") );
var y = parseInt( $(selector).css("backgroundPositiony") );
$(selector).css("backgroundPositionx",x+change_in_x);
$(selector).css("backgroundPositiony",y+change_in_y);
}

document.setInterval(moveImage,numberofmilliseconds);

编辑:已纠正错误

推荐文章