jQuery从左到右连续动画图像? [关闭]

Posted

技术标签:

【中文标题】jQuery从左到右连续动画图像? [关闭]【英文标题】:jQuery to animate image from left to right continously? [closed] 【发布时间】:2013-05-05 03:39:13 【问题描述】:

我有一个云图像,我想使用 jQuery 对其进行动画处理。

我想连续从左向右移动云图。 有人可以帮我解决这个问题吗?

谢谢

【问题讨论】:

您有什么特别的问题吗?你试过什么?如果您提供您当前拥有的代码,这将有所帮助,以便我们可以帮助您修复和/或改进它。此外,this post 可能对您正在寻找的内容有所帮助,因为它涵盖了相同的主题。 谷歌词:视差 【参考方案1】:

不确定我是否理解您要求的确切动画,但无论如何,试试这个:

html 部分

<img id="b" src="http://www.web-press.it/folder/servizi_cloud.jpg" id="b" style="position:absolute; top:50px"/>

javascript/JQUERY 部分

function moveRight()
    $("#b").animate(left: "+=300", 2000,moveLeft)


function moveLeft()
    $("#b").animate(left: "-=300", 2000,moveRight)


$(document).ready(function() 

   moveRight();

);

http://jsfiddle.net/tTman/

【讨论】:

这里的问题是我们可以看到图像从右到左移动。我需要的是从左到右连续移动图像。如果图像到达 div 的末尾,我想要动画从左到右重新开始。我希望你有一些想法......【参考方案2】:

使用 jquery spritely 让您的图像以连续模式从左向右移动。下载插件,将其附加到您的页面并查看他们的演示以获得想法。我过去曾使用过类似的东西来精灵移动我的物品..

$('#trees').pan(fps: 30, speed: 2, dir: 'left');

【讨论】:

以上是关于jQuery从左到右连续动画图像? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

无法让 div 在 jQuery 中从左到右设置动画

如何在 nextjs 应用程序的导航栏上从左到右添加动画?

在无限循环中从左到右,从右到左平移动画箭头图像

反转二叉树(从左到右)[关闭]

如何在从左到右滑动时禁用 ViewController 关闭?

精灵动画从左到右,我应该选择啥?动态的还是运动的?