我們可以用jquery設(shè)置動(dòng)畫，通過animate方法可以設(shè)置元素某屬性值上的動(dòng)畫，可以設(shè)置一個(gè)或多個(gè)屬性值，動(dòng)畫執(zhí)行完成后會(huì)執(zhí)行一個(gè)函數(shù)，簡介代碼如下：

$('#div1').animate({

? ? width:300,

? ? height:300

},1000,swing,function(){

? ? alert('done!');

});

參數(shù)還可以寫成數(shù)字表達(dá)式：如下

$('#div1').animate({

? ? width:'+=100',

? ? height:300

},1000,swing,function(){

? ? alert('done!');

});

我們在設(shè)置元素的尺寸時(shí)，可以有多個(gè)屬性供我們使用，例如：width（），height（）來獲取元素的width和height，innerwidth（），innerheight（），獲取包含內(nèi)邊距的width和height，outerwidth（），outerheight（），獲取包含內(nèi)邊距和邊框的寬和高，outerwidth（true），outerheight（true），獲取包含內(nèi)邊距，邊框和外邊距的width和height

我們使用offset（）來獲取元素相對(duì)頁面的絕對(duì)位置，使用$(window).hieght();來獲取可視區(qū)高度，使用$(document).height()來獲取頁面的高度

使用$(document).scrollTop()和$(document).scrollLeft()來獲取頁面滾動(dòng)距離

我們編寫頁面滾動(dòng)事件可以使用$(window).scroll(function(){

? ? ...... 具體代碼

})