1、获取图片高度
首先想到的是页面加载完成之后去获取,然而页面加载时图片并没有加载完成。所以获取到的高度为0,所以就需要用到了Load事件:
$(function () {
$('img').load(function () {
var imgHeight = $('img').height();
});
});
2、jquery hide/show动画传参
就一个毫秒数,第二个参数为回调函数。动画为高度变化;
需要淡入淡出效果:fadeIn和fadeOut即可。
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
这个动画为全方位的变化:即高度,宽度,透明度。
- slideUp,slideDown为上下卷动动画,默认的时间为400ms
- fadeIn,fadeOut为淡入淡出效果的动画,默认时间也为400ms
3、animate自定义动画
语法为:
$(selector).animate(styles,speed,easing,callback)
其中,第一个为动画属性。其他参数如下: