gpt4 book ai didi

javascript - TweenMax GSAP 没有动画,只能在 codepen 中使用?

转载 作者:行者123 更新时间:2023-12-03 03:24:12 26 4
gpt4 key购买 nike

刚刚开始使用 GSAP Tweenmax,但我遇到了一些问题。可能这是我犯的一个愚蠢的错误,但我无法弄清楚。

当我在 Codepen 上运行此代码时,它可以工作,但是当我从网络服务器运行它时,它不会执行任何操作。

HTML:

<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!--CDN links for TweenLite, CSSPlugin, and EasePack-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
<script src="./js/main-test.js"></script>
<style>

#svg{position: absolute;}

</style>



</head>
<body>
<div id="svg"><p>testtesttesttest</p></div>
</body>
</html>

这是 js:

var anim = document.getElementById('svg');
TweenMax.to(anim, 2, {left:"100px"})

有人可以告诉我我做错了什么吗?

谢谢你,迈克尔

最佳答案

我已经发现了这个问题,我在标题中加载了js脚本。我唯一需要做的就是替换 html 文件末尾的脚本,以便它可以找到要制作动画的 div 的“id”。

关于javascript - TweenMax GSAP 没有动画,只能在 codepen 中使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46424699/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com