• (转)TweenMax动画库学习(六)


     上一节我们主要聊了TweenMax动画库中的currentLabel():获取当前状态、getLabelAfter():获取下一个状态、getLabelBefore():获取上一个状态等方法的使用,接下来我们继续学习TweenMax动画库中的其它方法的使用。    

          TweenMax动画库的官方网址:  http://greensock.com/timelinemax

          下面我们直奔主题,开始介绍TweenMax动画库中的其它方法的使用: 

          1、页面布局

    复制代码
     1 <style>
     2         html,body{
     3             margin: 0;
     4             padding: 0;
     5         }
     6         .div1{
     7             100px;
     8             height:100px;
     9             background: #8D121A;
    10             position: absolute;
    11             top:50px;
    12             left:0;
    13         }
    14 </style>
    复制代码
    1 <body>
    2 <div class="div1"></div>
    3 </body>

    2、ease:动画运动形式

                参数说明:如下图

    复制代码
     1 <script>
     2         $(function(){
     3             var t =new TimelineMax();
     4             t.add("state1");
     5             t.to(".div1",1,{left:300,ease:Bounce.easeIn},1);
     6             t.add("state2");
     7             t.to(".div1",1,{300},"+=1");
     8             t.add("state3");
     9             t.to(".div1",1,{height:300});
    10         });
    11 </script>
    复制代码

     动画演示:

  • 相关阅读:
    python 字符编码
    python 模块 json
    python 命令空间
    python 装饰器
    ItemsControl Grouping分组
    WPF CanExecuteChanged
    WPF 控件树
    Bingding模型
    WCF中的AsyncPattern
    WPF中获取指定坐标依赖对象数据项
  • 原文地址:https://www.cnblogs.com/sdzbxfcy/p/9798897.html
Copyright © 2020-2023  润新知