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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 4,770评论 0 2
  • 第1章 动画基础隐藏和显示 1-1 jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置c...
    mo默22阅读 4,170评论 0 8
  • jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...
    阿r阿r阅读 4,887评论 0 4
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,885评论 0 3
  • 不装,不作,不矫情,不祸! 恣意纵横 潇洒一点 仰天大笑出门去 我辈岂是蓬蒿人 哈 哈哈哈 哈哈 哈 …………
    青衣束阅读 1,046评论 0 0