2017-01-20 10 views
0

Я написал следующий код в моем test.html:TweenLite Expo не определен

<!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 среди других особенностей.)