Question

我现在坐在这里大约三个小时试图用JSTween制作一个简单的动画。我找到了一些线程，我得到了我正在尝试做的示例（例如this），但它不起作用。当然，这只是一些“当你看到它”失败时。如果你们其中一个人看一下code，那就太好了。

HTML

<body>
  <ul id="slides">
    <li id="left">
    </li>
    <li id="center">
    </li>
    <li id="right">
    </li>
  </ul>
</body>

的JavaScript

$(window).load(function(){
  var left = $('#left'),
      center = $('#center'),
      right = $('#right');


  center.click(function(){  
    left.tween({
      left:{
        start: -500,
        stop: 0,
        time: 0,
        duration: 3,
        units: 'px',
        effect: 'easeInOut' 
      }
    });
  $.play();
  });
});

由于 Spyrko

Answer 1

而不是使用：

$(window).load(function(){

使用：

$(document).ready(function(){

我修改了你的JSFiddle，它运行正常：http://jsfiddle.net/7t5La/3/

试图了解JSTween的基础知识

HTML

的JavaScript

1 个答案: