Jquery动画没有动画效果
Jquery动画没有动画效果
提问于 2013-01-08 23:07:20
我想用jQuery制作一张动画。我有这样的代码：
$(document).ready(function(){
$(".label").delay(2000).animate({backgroundPositionX:"0px",backgroundPositionY:"30px"},10000,linear);
$(".label").animate({backgroundPositionX: "-70px" ,backgroundPositionY:"30px"},10000,linear);
$(".label").animate({backgroundPositionX: "-140px" ,backgroundPositionY:"30px"},10000,linear);但是动画不起作用。你知道哪里出问题了吗？
回答 3
Stack Overflow用户
发布于 2013-01-08 23:13:12
此SO question and answer将有所帮助。backgroundPositionX和backgroundPositionY是非标准的，并不是在所有浏览器上都能工作。
Stack Overflow用户
发布于 2013-01-09 01:35:50
我将我的代码编辑为：
$(document).ready(function () {
$(".label").delay(2000).css({
"backgroundPositionX": "0px",
"backgroundPositionY": "30px"
}, 5000, 'linear');
$(".label").animate({
"backgroundPositionX": "-70px",
"backgroundPositionY": "30px"
}, 5000, 'linear');
$(".label").animate({
"backgroundPositionX": "-140px",
"backgroundPositionY": "30px"
}, 5000, 'linear');
});而且它适用于Chrome。
Stack Overflow用户
发布于 2013-01-08 23:29:06
$(document).ready(function () {
$(".label").delay(2000).animate({
backgroundPositionX: "0px",
backgroundPositionY: "30px"
}, 10000, 'linear');
$(".label").animate({
backgroundPositionX: "-70px",
backgroundPositionY: "30px"
}, 10000, 'linear');
$(".label").animate({
backgroundPositionX: "-140px",
backgroundPositionY: "30px"
}, 10000, 'linear');
});一个demo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14217942
复制相关文章
相似问题
腾讯云开发者
