jquery动画，尺寸，滚动

我们可以用jquery设置动画，通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数，简介代码如下：

$('#div1').animate({

    width:300,

    height:300

},1000,swing,function(){

    alert('done!');

});

参数还可以写成数字表达式：如下

$('#div1').animate({

    width:'+=100',

    height:300

},1000,swing,function(){

    alert('done!');

});

我们在设置元素的尺寸时，可以有多个属性供我们使用，例如：width（），height（）来获取元素的width和height，innerwidth（），innerheight（），获取包含内边距的width和height，outerwidth（），outerheight（），获取包含内边距和边框的宽和高，outerwidth（true），outerheight（true），获取包含内边距，边框和外边距的width和height

我们使用offset（）来获取元素相对页面的绝对位置，使用$(window).hieght();来获取可视区高度，使用$(document).height()来获取页面的高度

使用$(document).scrollTop()和$(document).scrollLeft()来获取页面滚动距离

我们编写页面滚动事件可以使用$(window).scroll(function(){

    ...... 具体代码

})