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;