详解jQuery动画

jQuery动画有两种,一种是内置动画,还有一种是自定义动画
    内置动画的操作样式:
        显示动画:
在这里插入图片描述

              给div一个显示的动画(如果元素本身是隐藏的状态,就可以显示出来)

        隐藏动画:
在这里插入图片描述
              给div一个隐藏的动画(如果元素本身是显示的状态,就可以隐藏出来)

        显示隐藏切换动画:在这里插入图片描述
              给div绑定一个显示隐藏切换的动画(元素本身是显示,那么就隐藏;本身是隐藏,那么就显示)

        下拉显示:
在这里插入图片描述
              给div一个下拉的动画(元素本身是隐藏的,下拉显示 )

        上拉隐藏:
在这里插入图片描述
              给div一个上拉的动画(元素本身是显示的,上拉隐藏 )

        上拉下拉切换动画: 在这里插入图片描述
               给div一个上拉下拉切换的动画(如果元素本身是显示的,上拉隐藏;如果元素本身是隐藏的,下拉显示)

        逐渐显示动画:在这里插入图片描述
              给div一个逐渐显示的动画

        逐渐隐藏动画:在这里插入图片描述
              给div一个逐渐隐藏的动画

        渐隐渐显动画:在这里插入图片描述
              给div一个渐隐渐显的动画

        变换到指定透明度:在这里插入图片描述
             给div一个变换到指定透明度的动画

    自定义动画:animate({属性:属性值},‘毫秒数’,‘速度’,'回调函数‘)。例如:在这里插入图片描述

动画的同步执行:animate与animate之间是同步执行,例如:
在这里插入图片描述

动画的控制:
    delay(毫秒数)        //延时执行动画
    stop()        //当前动画直接停止,动画就停止在当前的位置,然后立即执行下一次的动画效果
    finish()        //当前动画直接结束,动画直接执行到终止状态,然后立即执行下一次动画效果

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值