jQuery動畫圖片

Question

我一直在開發前端，基本上有一個功能，我不知道如何去做。

我有2個背景圖像，每個圖像上有一個按鈕。當我點擊按鈕時，相反的圖像生動地離開屏幕。我正在做這個與jquery和動畫正常工作。不過，我在調整圖片時遇到了麻煩。當我調整窗口大小時，右側圖像保持在左側圖像上方，我不想要這樣。 這是我想要做的一個鏈接。 http://franciscowanzeller.com/animation-example/panel.html

有什麼建議嗎？希望您能夠幫助我。

Answer 1

您可以在屏幕調整大小時應用width這兩個div左側和右側。像

$(window).resize(function() { 
    var w = ($(window).width())/2; //half width of window 
    $("div .left").css({width : w+'px'}); 
    $("div .right").css({width : w+'px'}); 
});