动画

作者: 真的吗_a951 | 来源:发表于2018-08-15 08:00 被阅读0次
  • 逐渐缩放
    $().show(time) 显示 time是动画的时间,可以是
    $().hide(time) 隐藏time为可选项
  • 淡入淡出
    $().fadeIn(time)显示
    $().dadeOut(time)隐藏
  • 拉上拉下
    $().sideDown(time)拉下去(显示)
    $().sideUp(time) 拉上来(隐藏)

动画是异步执行的,如果要达到动画完成之后再执行一个函数,需要在动画里面嵌套 函数$().hide(1000,fumction(){})
如果有多个动画依次执行,可以这样简写:
$().hide(1000).show(1000).fadeIn(1000)...

自定义动画 (.animate)

$().animate({//css属性和值,要有可执行的条件
  left:50px,//需要有绝对定位才能偏移
  top:30, //可以不带px 
  opacity:0.3,
  width:'+=50'
},5000,function(){})

跟jQuery原有的动画一样可以嵌套函数和设置动画任务队列

.clearQueue清除动画队列中未执行的动画

.finish停止当前动画,并清除动画队列中所有未完成的动画,最终展示动画队列最后一帧的最终状态

.stop([clearQueue],[jumpToEnd])停止当前正在运行的动画,立刻执行后面的动画

  • clearQueue(defaule:false)//默认false,是否清除队列
  • jumpToEnd(default:false)//是否跳转到最后

相关文章

  • Android回顾--(十六) 动画简析

    动画: 补间动画(Tween动画) 帧动画(Frame动画) 属性动画(Property动画) 补间动画 特点: ...

  • 在山西太原,做个二维动画需要哪些制作流程?

    二维动画有哪些类型? flash动画,课件动画,mg动画,ae动画,GIF动画,手绘动画,网页动画,企业动画,宣传...

  • Android 动画

    【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...

  • 动画学习

    动画 分为 组动画,属性动画,渐变动画,其中属性动画包括 普通动画和关键帧动画,其他动弹动画,动画层分为 pres...

  • Android动画

    Android动画分类: 视图动画:补间动画、逐帧动画 属性动画 视图动画 补间动画 可以在xml中定义动画,然后...

  • iOS动画

    iOS动画-从UIView动画说起iOS动画-Transform和KeyFrame动画iOS动画-layout动画...

  • Android动画之视图动画

    分类 Android动画主要包括视图动画和属性动画。视图动画包括Tween动画和Frame动画。Tween动画又包...

  • Android 动画

    android动画分为三种 帧动画,视图动画(补间动画),属性动画逐帧动画 视图动画 属性动画 Window和A...

  • android动画

    动画: 分类:分为视图动画和属性动画,其中视图动画又分为补间动画和逐帧动画。补间动画又分为平移动画、缩放动画、旋转...

  • Android中的动画概述

    动画可以分为三类:View动画,帧动画,属性动画。 一、View动画 1.View动画包括四种:平移动画,缩放动画...

网友评论

      本文标题:动画

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