2014-05-09 77 views
1

基本上我希望在用戶向上或向下滾動時更改背景圖像。我知道這可以用jQuery完成,我只是沒有足夠的經驗知道如何。有任何想法嗎?在滾動上更改BG圖像

+0

這應該讓你開始:http://api.jquery.com/scroll/ :) –

+0

您還需要這:http://api.jquery.com/css/ –

回答

1

這裏是.scroll().css()一起工作(demo)工作的例子:

$(window).scroll(function() { 
    $("#TheCage").css(
    { 
     'display': 'block', 
     'background-image': 'url(http://www.placecage.com/300/200)' 
    }).fadeOut("slow", function() { 
     $("#TheCage").css({'background-image': 'none'}) 
     }); 
    } 
);