Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我们脸上的条纹_Javascript_Jquery_Animation - Fatal编程技术网

Javascript 我们脸上的条纹

Javascript 我们脸上的条纹,javascript,jquery,animation,Javascript,Jquery,Animation,我正在尝试使用Javascript复制类似人脸的内容 我曾尝试使用jQuery来创建一个更基本的版本,但还不能开始,我希望有人能指导我正确的方向 很可能他们都在使用,但如果您希望快速复制功能,我建议您研究一个类似的动画框架。使用greensock,您可以创建无限期持续的动画,以及悬停等 基本greensock语法非常简单,如下所示: var moveinner = TweenMax.to(document.querySelector('.inner'), 30, { left: "-=300

我正在尝试使用Javascript复制类似人脸的内容


我曾尝试使用jQuery来创建一个更基本的版本,但还不能开始,我希望有人能指导我正确的方向

很可能他们都在使用,但如果您希望快速复制功能,我建议您研究一个类似的动画框架。使用greensock,您可以创建无限期持续的动画,以及悬停等

基本greensock语法非常简单,如下所示:

var moveinner = TweenMax.to(document.querySelector('.inner'), 30, {
  left: "-=300",
  ease: Power0.easeOut,
  repeat: -1,
  yoyo: true
})

这里有一个关于greensock如何实现这类功能的非常简单的例子。显然,这需要大量的清理工作和一些条件来防止重叠等等,但这应该足以让您走上正确的道路

问题是什么?对不起,我不是很清楚,我已经重申了。@dthms“我试图使用jQuery制作一个更基本的版本”可以包括
html
css
js
试过了吗?如果你没有一个开始点,只需“查看来源”你在问题中提到的链接。实现它,但它仍然不起作用,发布您尝试过的代码以帮助您。