日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

TweenMax动画库学习(三)

發布時間:2025/7/14 编程问答 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 TweenMax动画库学习(三) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

目錄??? ? ? ? ?

? ? ? ? ???TweenMax動畫庫學習(一)

? ? ? ? ???TweenMax動畫庫學習(二)

? ? ? ? ? ?TweenMax動畫庫學習(三)

? ? ? ? ? ?TweenMax動畫庫學習(四)

? ? ? ? ? ?TweenMax動畫庫學習(五)??

? ? ? ? ???TweenMax動畫庫學習(六)??

?

? ? ? ?

? ? ? 上一節我們主要聊了TweenMax動畫庫中的add()添加狀態、tweenTo()完成指定的動畫(過渡)等方法的使用,接下來我們繼續學習TweenMax動畫庫中的其它方法的使用。? ??

? ? ? TweenMax動畫庫的官方網址:??http://greensock.com/timelinemax

? ? ??下面我們直奔主題,開始介紹TweenMax動畫庫中的其它方法的使用:

? ? ??1、頁面布局

<script src="./../js/jquery-2.1.4.min.js"></script> <script src="./../js/TweenMax.js"></script> <style>html,body{margin: 0;padding: 0;}#div1{width:100px;height:100px;background: #8D121A;position: absolute;left:0;top:100px;} </style> 1 <body> 2 <div id="div1"></div> 3 </body>

? ?

2、seek()---完成指定的動畫(無過渡)

? ? ? ???參數說明:

1. 指定時間或狀態 2. 【可選】布爾值true:不執行函數 默認false: 執行函數

? ? ? ? ?seek(時間)

1 <script> 2 $(function(){ 3 var t =new TimelineMax(); 4 t.to("#div1",2,{left:300}); 5 t.to("#div1",2,{width:300}); 6 t.to("#div1",2,{height:300}); 7 t.seek(2);//直接運動到設置的時間點,后面的運動會接著運動 8 }); 9 <script>

? ??? ?seek("狀態")

1 <script> 2 $(function(){ 3 var t =new TimelineMax(); 4 t.to("#div1",2,{left:300}); 5 t.add("state1"); 6 t.to("#div1",2,{width:300}); 7 t.add("state2"); 8 t.to("#div1",2,{height:300}); 9 t.add("state3"); 10 t.seek("state2");//直接運動到設置的狀態,后面的運動會接著運動 11 }); 12 </script>

? ????seek("狀態",false)

1 <script> 2 $(function(){ 3 var t =new TimelineMax(); 4 t.to("#div1",2,{left:300,onComplete:function(){ 5 alert("left:300"); 6 }});//標記一 7 t.add("state1"); 8 t.to("#div1",2,{width:300,onComplete:function(){ 9 alert("width:300"); 10 }}); 11 t.add("state2"); 12 t.to("#div1",2,{height:300}); 13 t.add("state3"); 14 t.seek("state1",false);//直接運動到設置的狀態,但會執行【標記一】中的函數,后面的運動會接著運動 15 </script>

3、time() 動畫已執行的時間

? ? ? ? ?參數說明:

1 動畫已執行的時間 1 <script> 2 $(function(){ 3 var t =new TimelineMax(); 4 t.to("#div1",2,{left:300,onComplete:function(){ 5 alert("left:300"); 6 }}); 7 t.add("state1"); 8 t.to("#div1",2,{width:300,onComplete:function(){ 9 alert("width:300"); 10 }}); 11 t.add("state2"); 12 t.to("#div1",2,{height:300}); 13 t.add("state3"); 14 t.seek("state3",false); 15 console.log(t.time()); //6 //動畫已執行的時間 16 }); 17 </script>

4、clear():清除所有動畫

? ? ? ? ? ??參數說明:

1 清除所有動畫 1 <script> 2 $(function(){ 3 var t =new TimelineMax(); 4 t.to("#div1",2,{left:300,onComplete:function(){ 5 alert("left:300"); 6 }}); 7 t.add("state1"); 8 t.to("#div1",2,{width:300,onComplete:function(){ 9 alert("width:300"); 10 }}); 11 t.add("state2"); 12 t.clear(); //清除state2之前的所有動畫,后面的動畫依然繼續執行 13 t.to("#div1",2,{height:300}); 14 t.add("state3"); 15 }); 16 </script>

? ? ?seek()、time()、clear()綜合使用

1 <script> 2 // seek():完成指定的動畫(無過渡) 3 // 參數說明: 4 // 1. 指定時間或狀態 5 // 2. 【可選】布爾值 6 // true:不執行函數 默認 7 // false: 執行函數 8 // time():動畫已執行的時間 9 // clear():清除所有動畫 10 $(function(){ 11 var t =new TimelineMax(); 12 t.to("#div1",2,{left:300,onComplete:function(){ 13 alert("left:300"); 14 }}); 15 t.add("state1"); 16 t.to("#div1",2,{width:300,onComplete:function(){ 17 alert("width:300"); 18 }}); 19 t.add("state2"); 20 // t.clear(); //清除所有動畫 21 t.to("#div1",2,{height:300}); 22 t.add("state3"); 23 // t.stop(); 24 t.seek("state3",false); 25 console.log(t.time()); //6 //動畫已執行的時間 26 }); 27 </script>?

動畫演示:

?

代碼打包下載:

鏈接: http://pan.baidu.com/s/1nvMrrjN 密碼: qp44

?

轉載于:https://www.cnblogs.com/chenyablog/p/5557341.html

總結

以上是生活随笔為你收集整理的TweenMax动画库学习(三)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 亚洲高清色 | 女女同性被吸乳羞羞 | 亚洲精品视频一二三区 | 国产精品7777 | 欧美精品在欧美一区二区 | 97在线观看视频免费 | 成人av男人的天堂 | 国产精品自拍区 | 手机免费av| 人人99 | av网站地址 | 国产乱码久久久久久 | 色偷av| 欧美精品毛片 | 九九在线免费视频 | 色999在线| 久久精品视频91 | 欧美精品久久久 | 337p粉嫩大胆噜噜噜亚瑟影院 | 久久视频在线播放 | 亚州av免费 | 中出在线视频 | 久久久久夜夜夜精品国产 | 日本少妇喷水 | 综合色导航 | 91成人免费 | 日韩手机看片 | 欧美老司机 | 嫩草视频在线免费观看 | 男女啪啪国产 | 黄黄的视频在线观看 | 久久精品亚洲精品 | 一级特黄录像免费看 | 婷婷亚洲综合 | 亚洲国产精品免费 | 国产一区二区三区四区精 | 日本三级一区 | 在线观看你懂的网站 | 亚洲av无码乱码在线观看富二代 | 国产精品有限公司 | 一级国产特黄bbbbb | 中文字幕人妻丝袜乱一区三区 | 97精品国产97久久久久久粉红 | av免费播放网站 | 国产精品国产三级国产专区52 | 国产精品一区二区毛片 | 国产高潮国产高潮久久久 | 日日撸夜夜操 | 女人扒开屁股让男人捅 | 中文字幕av网 | 麻豆成人久久精品一区二区三区 | 91网页在线观看 | av午夜精品 | 公侵犯一区二区三区 | www.四虎.| 亚欧美精品 | 国产精品大片 | www狠狠操 | 老司机在线精品视频 | 亚洲av无码一区二区乱子伦as | 日韩国产毛片 | 欧美另类视频 | 色欧美色| 亚洲国产精品久久久久爰色欲 | 国产高清不卡视频 | 欧美视频一区二区在线观看 | 亚洲成人av片 | 99网站| 国产成人自拍偷拍 | 依人久久 | 亲嘴脱内衣内裤 | 天天干天天色天天 | 欧美综合自拍亚洲综合图片区 | 四虎影视免费永久观看在线 | 亚洲午夜av | 欧美色图自拍 | 久久久久久国产视频 | 国产依人 | 日本高清不卡视频 | 国产免费av网站 | 国产在线一 | 久久久久精 | 人人草av| 久久久久久久久久亚洲 | 国产经典一区二区三区 | 国产午夜一级片 | 在线看免费毛片 | 免费毛片网| av中文一区 | 男人看的网站 | 久久久啊啊啊 | 直接看av的网站 | 欧美精品日韩少妇 | 亚洲欧洲一区二区三区 | 国产超碰人人爽人人做人人爱 | 97视频网址 | 在线观看欧美亚洲 | 日本伊人网 | a级片毛片|