javascript - 打造充满活力的足球场

我需要创建一个足球场，然后使用某种下拉菜单来选择阵型(例如 4-4-2、4-5-1 等)并将我的球员(更像是带有数字/名称的圆圈)移动到该场上达到想要的形态。

关于我应该如何开始的任何想法？

最佳答案

就像 cfv1000 所说的，你应该在 jQuery UI 中查看 draggable 和 droppable。

这是我为你做的一个开端。它还没有接近完成。

使用元素的标识符，只需像这样调用 draggable() :

$("#GKRedTeam").draggable();
$("#GKBlueTeam").draggable();

..以及许多即将添加的内容 - 为其设置适当的 HTML 和 CSS 属性。

JsFiddle demo

关于javascript - 打造充满活力的足球场，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26909046/