如何使用jquery或javascript将图像从页面的一侧滑动到另一侧？就像在Piratebay.se上一样

这是我在幻灯片或滚动页面时经常看到的东西。动态图像。如何使用jquery或一些简单的javascript（就像在piratebay.se上一样）实现这一点？我的想法是一辆汽车从页面的一边滑到另一边

我知道jquery可以用animate（）实现这一点，但我没有看到任何像在piratebay.se上那样在页面上滑动的例子

任何人都不能说出他们在哪里使用这种技术。我不确定他们用的是什么js，但我找不到

---

Src:

JavaScript？这可以通过CSS完成

这里有一只移动自如的小猫

html

<img id="pic" src="tomato"/>

---

下面是一个简单的例子

CSS:

HTML

---

这将不断地从左向右移动。

这就是我要找的！伟大的例子Dom，我能够使汽车离开页面，然后滑回到你的例子！谢谢Persijn，我研究过css动画，我认为它不像jquery那样平滑或可定制，我更喜欢Dom的例子。也许你可以发布一个类似CSS3的片段来进行比较？@Tim这里有一个与come css的更新。这是一个简单的例子，你可以做更多的CSS动画。以下是一些非常好的动画和css：

#pic {
  -webkit-animation: myfirst 2s;
  animation: myfirst 2s;
  position: absolute;
  right: 80%;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
  from {right: 10%;}
  to {right: 80%;}
}

@keyframes myfirst {
  from {right: 10%;}
  to {right: 80%;}
}

#b {
position: absolute;
top:50px;
}

<img id="b" src="example.jpg"/>

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

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

$(document).ready(function() {

   moveRight();

});