jquery 获取图片高度以及hide和animate动画传参

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)

其中,第一个为动画属性。其他参数如下:
animate参数.png

你可能感兴趣的:(jquery 获取图片高度以及hide和animate动画传参)