Jquery 如何使图像从屏幕之外显示？

我有一张图片，它实际上是带有facebook“喜欢”按钮的图片：）

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

---

也许是jquery？但是怎么做呢？

给图像一个css

左

位置，这个位置比你的窗口宽度大。然后使用例如jQuery.animate将其移入

HTML:

JS:

例如：

我认为JSFIDLE可以满足您的需求

当用户向下滚动100像素时，like按钮由jQuery设置动画，当用户向上滚动时，按钮（通常被遗忘的）再次隐藏

$(document).ready(function () {
    var like = $('#fblike');

    $(window).scroll(function () {
        if ($(document).scrollTop() > 100) {
            like.animate({
                opacity: 1,
                right: 5
            }, 300);
        }
        else {
                like.animate({
                opacity: 0,
                right: -60
                }, 200);
        }        
    });
});​

---

像？是的，像这样，但从右侧和自动-不是在胡佛：）好的，但如何设置这个动画的方式，它只在我向下滚动时才动画？这将留给你作为练习。我建议阅读事件和jQuey事件绑定换句话说，@snies不知道。：）@snies我完全同意你的看法，我只是在胡闹。伙计们，我刚才问：）我很确定我必须使用动画方法，我在尝试中一直使用这种方法-主要问题是我不能使用common.scroll事件以我想要的方式工作。这意味着，我希望它发生，当我滚动大约3/4我的主页：，而不仅仅是开始滚动。

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

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

$(document).ready(function () {
    var like = $('#fblike');

    $(window).scroll(function () {
        if ($(document).scrollTop() > 100) {
            like.animate({
                opacity: 1,
                right: 5
            }, 300);
        }
        else {
                like.animate({
                opacity: 0,
                right: -60
                }, 200);
        }        
    });
});​