作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
刚刚开始使用 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/
有一条(相对)众所周知的 Perl 公理:“只有 Perl 可以解析 Perl”。我想知道 Perl 6 是否仍然如此? 扩大讨论...考虑到 PyPy 最近的更新,我想到了这个问题。 Perl 独特
这是设置。在上一个问题中,我发现我可以通过子组件中的状态传递对象属性,然后使用 componentDidUpdate 获取该对象属性。在这种情况下,状态和属性都称为到达。 这是基本代码... expo
我运行的是 10.5.2 社区版。我已经标记了 源/主要/资源 作为源目录。我可以右键单击并“编译”某些文件,据我所知,这意味着 IDE 将文件复制到与发送类文件的“com.mydomain.pack
我是一名优秀的程序员,十分优秀!