我们可以用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(){
...... 具体代码
})
