一、取网页可视区域的方法
1.获取可视区宽度
$(window).width();
2.获取可视区高度
$(window).height();
innerWidth() = padding + width;
outerWidth() = padding + width + border + margin;
二、获取元素的位置
1.offset()方法
$(window).offset();
获取元素距离document的距离
//可以用来做边界检测
if ($("div").offset().left == 0){
console.log("这是边界")
}
2.position()方法
$(window).position();
获取元素距离有定位的父元素的距离
三、jq动画
1.hide()和show()
$(window).hide(time); 元素按时间参数进行隐藏
$(window).show(time);元素按时间参数进行显示
2.slideUp() slideDown() 和slideToggle();
$(window).slideUp(time) ;元素按时间参数滑入
$(window).slideDown(time) ;元素按时间参数滑出
$(window).slideToggle(time) ;元素按时间参数切换
3.fadeIn() fadeOut()和fade Toggle()
$(window).fadeIn(time) ;元素按时间参数淡入
$(window).fadeOut(time) ;元素按时间参数淡出
$(window).fadeToggle(time) ;元素按时间参数切换
4.自定义动画animate()
$(window).animate({css},time)
元素按时间参数和css参数进行动画,只针对数字式数据,颜色无法变