2017-01-20 8 views
0

을 정의되지 않은 내 test.html를에 다음 코드를 작성 :Tweenlite 엑스포가

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
#item { 

    background:blue; 
    color:yellow; 
} 
</style> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script> 
<script type="text/javascript"> 
window.onload = function() { 
    var logo = document.getElementById("item"); 
    TweenLite.to(logo, 2, {left:"542px", backgroundColor:"red", borderBottomColor:"#90e500", color:"white",ease:Expo.easeOut}); 
} 
</script> 
</head> 
<body> 

<p id="item">thsi is a para</p> 
</body> 
</html> 

을하지만 그것을 실행할 때, 나는

Uncaught ReferenceError: Expo is not defined at window.onload (test.html:16)

은 어떻게 사용할 수있는 콘솔에서 오류 메시지가 Expo.easeOut?

답변

0

완화하려면, 당신은 너무 EasePack을 포함해야한다 :

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script> 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js"></script> 

(또는 대신 TweenMax를 사용, 느릅 나무가 CSSPlugin 및 기타 기능 중에서 EasePack이 포함되어 있습니다.)