greensock

1熱度

1回答

我有幾個gsap時間表，開始於不同的時間。在我的設置中，使用位置參數作爲排序的時間軸是必要的。 delay()是不幸的是不可能的。這裏是一些示例代碼： sampleTimeline= new TimelineMax({paused: true,onComplete:restartSampleTimeline},0) .to("#sampleblock",2,{x:"200px"},2)

1熱度

1回答

CSS滑塊：觸發動畫使用JavaScript（使用GreenSock）

我有一個關於這個代碼的問題： codepen.io/ettrics/pen/WvoRQo 我試圖動畫裏面的內容滑塊與綠色環保（tweenmax）使用JavaScript。我如何實現這一目標？謝謝你的努力！

2熱度

1回答

GreenSock TimelineMax早點開始

我一直試圖讓動畫點擊開火，我已經通過TimelineMax創建了動畫。我看不出爲什麼，但它始終觸發此動畫的第一個實例，有5個.blackout面板，它會自動爲第一個.blackout面板播放動畫，但我不知道爲什麼 - 我想要全部通過點擊來控制動畫。 var showBarsTL = new TimelineMax({ paused: true, onComplete: killAnimation

0熱度

1回答

使用使用GreenSock與車把

我有一個模板，我把手看起來像這樣做： <script type="text/x-handlebars-template" id="student-template"> {{#students}} <div class="clearfix"> {{#each student}} <div class="col-lg-3 col-md-4 col

-1熱度

1回答

在一定的時間後停止函數

我有一個使用greensock製作的預加載器來跟隨我的鼠標，但是當它在動畫後變得更大時，我希望它停止跟隨鼠標，但是我找不到代碼，與綠色環保，也沒有jQuery/JavaScript。 codepen linkhttp://codepen.io/amirhanif/pen/GjbjNe var self = this; self.hello = 'hello'; var $fade =

0熱度

1回答

無法通過我的功能獲得GSAP導航時間軸

我正在嘗試實現可以導航到不同場景的綠色動畫橫幅。使用盡可能設立時間表我已經得到了他們的API文檔，以便每個場景都有一個前奏和結尾動畫，但是當我開始添加單擊事件處理程序沒有發生某種原因，沒有發送警報。請看看我的代碼筆HERE 我已成立了一個miain時間表，通過每個trainsition發揮每個場景進出，我加入了每個場景的介紹後，暫停和標籤介紹和outro在每個場景中。這裏的目標是讓最初的

0熱度

2回答

當窗口大小大於800時運行jquery函數

我做了一些綠色的和滾動的動畫。我把這個動畫放在一個名爲scrollMgc的函數中。當窗口寬度大於800px時，此動畫將運行，當窗口小於800px時，將停止調整大小。這是我寫到目前爲止的代碼 function scrollMgc(){ // Prepare the stage TweenMax.set($('.animation-awards'), {y: 70});

3熱度

2回答

從中心jQuery/GSOP淡出循環圖層

我已經創建了兩層div，一個帶有背景圖像，另一個帶有淡出的黑色層，似乎沒關係，但要求有點不同，淡出層應該從中心（圈子）開始，按照下面的例子：這是我創造，JSfiddle Demo 任何人能請建議如何得到實現這一圈型中心的淡出，而不是我創造的那個？我在我的項目中使用過綠蠅。請建議 $(document).ready(function() { var videoFade = $(".

0熱度

1回答

第一次運行後綠色空間動畫未能正常執行

下午好，我正在製作帶有綠色動畫動畫的橫幅。爲了簡明起見，我已經刪除了所有內容，只剩下一個彈跳球。完成後，動畫會按照定義變量（「循環」）中指定的次數重複其自身。第一次一切正常，問題出現在第二個（和第三個等等）重複 - 其中一個補間（第二個）沒有正確執行，更確切地說，它的「top」屬性沒有執行。如果我刪除下面的第三個補間的位置參數，一切正常，但我顯然希望它:)。非常感謝！下面是代碼： <html

0熱度

1回答

TweenLite的世博會沒有定義

我寫了下面的代碼在我的test.html： <!DOCTYPE html> <html> <head> <style type="text/css"> #item { background:blue; color:yellow; } </style> <script type="text/javascript" src="http://cdnjs.cloudfl