Question

我在test.html中编写了以下代码：

<!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>

但是当我运行它时，我在控制台

中收到错误消息

未捕获的ReferenceError：未定义Expo 在window.onload（test.html：16）

如何使用Expo.easeOut？

Answer 1

要进行宽松，您还必须包含__global uchar*：

EasePack

（或者使用TweenMax代替，其中包括<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>和CSSPlugin以及其他功能。）

Tweenlite Expo没有定义

1 个答案: