JQUERY中其中动画的用法

1.淡出淡入:

fadeIn()//淡出
fadeOut()//淡入

2.显示显出:

show();
hide();

3.由上到下或由下到上拉开收起:

slideDown();
slideUp();

demo:

                $('.menu-click').off('click').on('click', function () {
                    var tittleBar = $('.app-title-bottombar');
                    if (tittleBar.is(":hidden")) {
                        tittleBar.css({
                            position: 'absolute',
                            top: '44px',
                            'z-index': 3000
                        }).show();
                    } else {
                        tittleBar.hide();
                    }
                });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,892评论 25 709
  • 隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css...
    老夫撩发少年狂阅读 4,770评论 0 2
  • jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...
    阿r阿r阅读 4,889评论 0 4
  • 十天之前,我最喜欢的足球俱乐部赢得了欧冠冠军,十天之后最喜欢的篮球俱乐部输掉了NBA总决赛。 曾经...
    八斗才的蛋糕哥哥阅读 4,472评论 8 17
  • 当我们可以深夜随心所欲出门撸串,当我们在为外出旅游因为人太多拥堵而烦恼的时候,当我们悠闲自在地购物和看电影的...
    顿悟者阅读 2,905评论 0 1