文章/答案/技术大牛

发布

社区首页 >问答首页 >试图理解JSTween的基本知识

问试图理解JSTween的基本知识
EN

Stack Overflow用户

提问于 2014-01-06 20:08:21

回答 1查看 148关注 0票数 0

我在这里坐了大约三个小时，试图用JSTween制作一个简单的动画。我找到了一些线程，在这些线程中，我得到了我想要做的事情的示例(例如这)，但是它就是不起作用。当然，这只是一些“当你看到它”的失败。如果你们中的一个能看一下代码，那就太好了。

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();
  });
});

谢谢斯皮尔科

javascript

jquery

jstween

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-01-06 20:19:40

而不是使用：

$(window).load(function(){

使用：

$(document).ready(function(){

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20958351

复制

相似问题

问试图理解JSTween的基本知识
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问试图理解JSTween的基本知识EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问试图理解JSTween的基本知识
EN