【问题标题】:Trying to understand JSTween basics试图了解 JSTween 基础知识
【发布时间】:2014-01-06 20:08:21
【问题描述】:

我现在在这里坐了大约三个小时,试图用 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();
  });
});

谢谢 斯派克

【问题讨论】:

  • 什么问题你没说是什么问题

标签: javascript jquery jstween


【解决方案1】:

而不是使用:

$(window).load(function(){

用途:

$(document).ready(function(){

我修改了你的 JSFiddle,它工作正常:http://jsfiddle.net/7t5La/3/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-11
    • 1970-01-01
    • 1970-01-01
    • 2021-04-07
    • 2011-06-14
    • 1970-01-01
    • 1970-01-01
    • 2015-03-30
    相关资源
    最近更新 更多