jquery - 如何使图像从屏幕外出现？

Question

我有一张图片，它实际上是带有 facebook“赞”按钮的图片 :)。

我希望它从屏幕右侧滑出，即当我将页面向下滚动到底部时。怎么做？

也许是jquery？但是如何呢？

Answer 1

为图像提供一个大于窗口宽度的 css left 位置。比例如使用 jQuery.animate 将其移入。

HTML:

<img src="http://www.vpul.upenn.edu/platthouse/files/FB_button_1.jpg">

CSS:

img {
  position: absolute;
  left: 1000px;
}
body{
  overflow: hidden;
}

JS:

setTimeout(function(){$('img').animate({left: 10}, 500)}, 1000);

例子:

jsfiddle