TweenMax不動畫（GSAP）

Question

如果我在html文件中編寫了腳本代碼，則動畫可以正常工作。 但是，如果動畫代碼在js文件中，則根本無法正常工作。 這是我的動畫代碼

$(document).ready(function(){
    $(window).on("load", function() {
        var cow = document.getElementsByTagName("cow");

        TweenMax.to(cow, 2, {top:"1200px",ease: Back.easeOut});
}

)})

這是html文件中的內容。

<!DOCTYPE html>
<html>
<head>

   <link rel = 'stylesheet' type = 'text/css' href = 'cow.css'/>
   <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script> 
   <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js">       
   </script>

   <script type="text/javascript" src = 'showanimationcow.js'></script>

</head>
<body>
   <img id = "cow" src ="http://cdn.snappages.com/adwr7m/theme/338649/images/
   13179326871659847108SimpleCowArt.svg.hi_1393086508.png">
</body>

非常感謝您的幫助！

Answer 1

您必須使用document.getElementById("cow")

另外，也不必同時調用$(document).ready和$(window).on("load",function() {

TweenMax不動畫（GSAP）

問題描述

1 個解決方案

解決方案1
1 2014-05-16 03:55:56

TweenMax不動畫（GSAP）

問題描述

1 個解決方案

解決方案1 1 2014-05-16 03:55:56

解決方案1
1 2014-05-16 03:55:56