jQuery 动画

Question

我用 jQuery 制作了一个动画，一切都写正确，但它不起作用! DX 谁能帮我吗？

$(document).ready(function(){ 
 $('#cloud1').css({backgroundPosition: '0 -80px'});
 $('#cloud2').css({backgroundPosition: '0 -30px'});
  $('#cloud1').animate({backgroundPosition: '(-500px -80px)'}, 20000);
  $('#cloud2').animate({backgroundPosition: '(-625px -30px)'}, 20000);
});

Answer 1

您可以在这里看到 jQuery 可以做什么。这是一个简单的(有几个需要修复的错误)游戏。 您可以在代码中找到您可能需要的所有 jQuery 残酷性，并且充满了循环和其他东西!看看:

http://roxon.in/scripts/particlesExplosionGame/

推荐浏览器:Opera、Chrome(两者都有很棒的 JS 引擎!)

或者，如果您愿意，您可以阅读我的这个简单教程(也有循环!计数器和所有有趣的 jQuery 东西!):

http://roxon.in/scripts/tutorials/NavGallery_jQuery_Tutorial_01/

---

但是总是......总是去引用 jQuery 官方 API 页面。当然还有 Stack Overflow。

并在此处查看“弹跳”(缓动)、 slider 等:http://jqueryui.com/demos/

---

在这里，我给大家准备了一个好玩的

DEMO loops animation with random positions and speed

我评论了我的代码确实可以帮助你理解!

更改数字，添加更多汽车，玩得开心!

附注:要添加更多汽车，您必须学习 jQuery .each() 函数方法；)并尝试实现它!

(好吧，开个玩笑 - 但这很简单。寻找你自己!DEMO with multiple cars!)