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;
$(#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;