zoukankan      html  css  js  c++  java
  • angular animate

    angular animate 有3种:1,css transition. 2,css keyframe. 3,javascript 用jquery的animate方法;

    1,2 两种是纯粹css的,3是JS方法,可以使用外部库,比如Jquery。假如要在IE8下使用的话,估计只能使用JS的方法;

    ag的animate触发是靠ag的事件来触发绑定在需要动画元素上的cssClass。

    纯CSS的动画的阶段有2个阶段:正向和反向(理解为:从隐藏到显示为正向,显示到隐藏为反向)。

    举个栗子,

    正向:

    阶段1,opacity:0; ng-enter

    阶段2:opacity:1; nt-enter-active

    反向:

    阶段1:opacity:1;ng-leave

    阶段2:opacity:0;ng-leave-active;

    以上就是一般的动画写法;

    但是directive的动画写法都一点点不同。

    比如ng-show、ng-hide事件:当绑定了ng-show和hide事件元素在进行显示和隐藏的时候读取cssClass属性,然后再css文件中找到写有

    .cssClass.ng-hide的属性和.cssClass中的属性。动画的事件依据写在cssClass中的transition来决定。

  • 相关阅读:
    iframe标签
    Meta标签
    表单相关标签之textarea,select
    marquee标签
    表单相关标签之input标签
    表单相关标签之form标签
    1.7.8- HTML合并单元格
    1.7.7- 表格标题标签
    01- QTP快速入门
    1.7.6- 浏览器审查HTML标签元素
  • 原文地址:https://www.cnblogs.com/strangerqt/p/4226344.html
Copyright © 2011-2022 走看看