美文网首页
jquery 获取图片高度以及hide和animate动画传参

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

作者: 丶灰太狼他叔 | 来源:发表于2018-11-08 01:14 被阅读10次

    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动画传参

          本文链接:https://www.haomeiwen.com/subject/jfhixqtx.html