如何讓圖像出現在屏幕之外？

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

Answer 2

我認爲this jsfiddle做你想要的。

當用戶向下滾動100像素AND（常被遺忘）時，用戶滾動備份時該按鈕被再次隱藏，類似按鈕由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); 
     }   
    }); 
});​