animate是jq的一個特效的函數方法,animate() 方法執行 CSS 屬性集的自定義動畫。該方法通過CSS樣式將元素從一個狀態改變為另一個狀態。
CSS屬性值是逐漸改變的,這樣就可以創建動畫效果。 只有數字值可創建動畫(比如 "margin:30px")。 字符串值無法創建動畫(比如 "background-color:red")。 代碼如下:$('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 上面的代碼表示滾動條跳到0的位置,頁面移動速度是800。 結合scrollTop實用示例: 代碼如下: jQuery(document).ready(function($){ $('#shang').click(function(){ $('html,body').animate({scrollTop: '0px'}, 800); }); $('#comt').click(function(){ $('html,body').animate({scrollTop:$('#comments').offset().top}, 800); }); $('#xia').click(function(){ $('html,body').animate({scrollTop:$('#footer').offset().top}, 800); }); }); 表示點擊相關ID移動到指定位置: 點擊ID為shang的元素,回到頂部; 點擊ID為comt的元素,回到ID為comments的位置; 點擊ID為xia的元素,回到底部;