Question

超级新的HTML但我一直试图获得TweenTo功能（elem，dur，style）来自这个网络脚本

  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>

这就是我想要实现该功能的地方

 <img id="mainPic" src="mainPic.jpg" style="margin-top:70px;position:relative ! important" class="img-responsive" alt="Responsive image" onclick="startAnimation()">
        <script type="text/javascript">
             function startAnimation(){
                 TweenTo(document.getElementById('mainPic'),1,{width:600px})
             }
        </script>

我完全迷失了为什么在图片上调用onClick时我无法运行此功能。感谢所有帮助：D

Answer 1

阅读您正在使用的库的文档

https://greensock.com/tweenmax

function startAnimation(){
  TweenMax.to(document.getElementById('mainPic'),1,{width:'600px'})
}

Answer 2

代码中存在语法错误：在TweenTo之后删除点（。）。让它像这样：

TweenTo(document.getElementById('mainPic'),1,{width:600px})

此外：在您的导航器中找到javascript的“错误控制台”，这将帮助您找到很多错误。

<强>更新

您的代码中还有另一个语义错误：根据TweenMax.min.js脚本，函数tweenTo以小写开头：编程时注意字母大小写的JavaScript。

无法从脚本标签html获取功能

2 个答案: