jQuery制作动画特效

1. jQuery 动画特效--渐入渐出的变换 

  $(#id).fadeIn([时间]); 
  $(#id).fadeOut([时间]); 

2.隐藏和显示 

    $(#id).show([时间]); 
   $(#id).hidden([时间]); 

3.幻灯片的效果,模拟PPT中类似幻灯片拉窗帘的效果 

  $(#id).slideUp([时间]); 
  $(#id).slideDown([时间]); 

4.获得页面元素的绝对/相对位置 

获取页面某一元素的绝对X,Y坐标，可以用offset()方法： 

var X = $('#DivID').offset().top; 
var Y = $('#DivID').offset().left; 

获取相对(父元素)位置: 

var X = $('#DivID').position().top; 
var Y = $('#DivID').position().left;