0

超级新的 html 但我一直在尝试从这个 web 脚本中获取函数 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

4

2 回答 2

1

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

https://greensock.com/tweenmax

function startAnimation(){
  TweenMax.to(document.getElementById('mainPic'),1,{width:'600px'})
}
于 2016-09-09T02:02:04.940 回答
0

您的代码中存在语法错误：删除 . 之后的点 (.) TweenTo。让它像这样：

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

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

更新

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

于 2016-09-09T01:47:17.527 回答