javascript - 如何在网页上单击按钮时制作 html5 动画?

标签 javascript css html animation

我有一个交互式动画的想法,我想在 html5 中创建它。我想要一个带有 Jersey 的足球场,阵型像 4-4-2,并且在侧面有不同的选项来改变阵型,比如 4-5-1,然后当点击这个按钮时显示 4 -5-1 Jersey 将在球场上重新排列成该形状。 关于如何做到这一点的任何想法?

提前致谢

最佳答案

最简单且最无依赖性的方法是将 JavaScript 函数添加到按钮或元素的 onClick 属性,然后让 JavaScript 通过编辑玩家的位置来移动玩家、属性等。

但是,我建议使用 jQuery,因为它通常更容易。然后,您可以将一个操作绑定(bind)到按钮的 ID(您的 id="..."属性)。例如:

$(document).ready(function() {
  $("mybuttonid").click(function(event){
    ...
  });
});

关于javascript - 如何在网页上单击按钮时制作 html5 动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7533028/

相关文章:

javascript - 如何在鼠标单击时更改 KML 多边形的颜色

javascript - 发送到 ngChange value from option

javascript - Safari for IOS 不需要的功能

javascript - 如何创建自定义事件并使用 Javascript 触发它

javascript - 如何将 div 元素移动到另一个 div 元素内?

javascript - jQuery 中的显示/隐藏功能问题。跳转到文档顶部

javascript - 如何使用 Javascript 而不是 jQuery 为 window.scrollTo 设置动画?

具有 CSS 可见性 :hidden, 的 ASP.NET 控件未在 Control.Visible = true 上显示

javascript - 无法更改 html 表格单元格的颜色

javascript - JQuery 收集一组元素,打开每个元素,然后将所有元素包装在新元素中