硬Javascript / jQuery动画(Spinner / Scroller)

时间:2017-03-21 14:21:08

标签: javascript jquery animation

好的,我试图这样做,当你点击一个按钮时,它会用它的随机内容旋转一个div,并且它会在指定的div上停止减速,现在我不知道从哪里开始,

以下是我尝试做的一个例子, https://www.youtube.com/watch?v=y7jjhLUKleg

知道怎么开始吗?我应该优先考虑的是jQuery还是Javascript?

亲切的问候

编辑:我不是要求任何人给我提供代码,我只需要知道从哪里开始。

1 个答案:

答案 0 :(得分:0)

使用JQuery Animate函数可以轻松解决动画本身问题。动画支持缓动,“缓出”就是您所需要的。使用一些CSS,您可以创建某种视口,并从右向左移动元素,直到动画停止。

让我帮您解决一些起始代码:http://jsfiddle.net/dfevruws/1/

动画命令非常简单:

$(function() {
  $( "#items" ).animate({
    left: -2000
  }, {
    duration: 5000,
    easing: "easeOutQuad"
  });
});

可能比这更有趣的是你如何处理所选项目,但这是一个不同的故事,你要求动画。