Jquery效果 - 褪色

Question

我想知道是否有一種簡單的方法可以讓div淡入，並在瀏覽器窗口完全加載後滑動到右側，淡出並向右滑動，如果點擊鏈接用戶到網站的另一部分。我不太瞭解JQuery，所以任何幫助，將不勝感激！謝謝！

Answer 1

查看動畫的jQuery文檔。有fadeIn()和fadeOut()方法。

至於滑動，你會想看看jQuery animation and effects。

更一般地說，您需要通過閱讀a good jQuery tutorial開始。相信我，開始有效使用並不困難。

Answer 2

我會建議使用.animate()超過.fadeIn()和.fadeOut()僅僅因爲使用.fadeOut()增加display: none當它這樣做。

代碼.animate（）頁面可以幫助你開始在此塊...

$('#clickme').click(function() { 
    $('#book').animate({ 
    opacity: 0.25, 
    left: '+=50', 
    height: 'toggle' 
    }, 5000, function() { 
    // Animation complete. 
    }); 
}); 

在當用戶點擊一個鏈接（除了帶他們到該頁面有一些事情發生的條件），你會想要使用event.preventDefault()。

Answer 3

$(document).ready(function() { 

    $('#object').animate({opacity: 0.00}, 1).animate({opacity: 1.00, left: 50}, 'slow'); 

    $('#click').click(function(){ 

     var left = parseInt($('#object').css('left')); 

     $('#object').animate({opacity: 0.00, left: (left + 50)}, 'slow'); 
    }); 
}); 

現場演示：http://jsfiddle.net/imoda/sKqnS/7/