如何使用JavaScript创建教程

Question

我基本上需要使用JavaScript和HTML5而不是Flash来创建以下网站的版本： http://www.chrisgates.net/irv/votesequence.html

我真的不知道如何去做。我有关于创建静态图像和使用JQuery幻灯片查看器点击它们，但这似乎并不像“教程”。我还考虑过按下按钮显示图像并隐藏上一张图像，但我不知道如何在不刷新页面的情况下执行此操作。任何想法和提示都会非常有用吗？

Answer 1

我认为你的思维方式（jquery部分）听起来不错，如果你手动完成的话 JavaScript或jquery，无论哪种方式，如果你不想每次都重新加载页面，那么所有的内容都将被放置到保留页面，然后通过css或javascript隐藏，然后在按钮点击时显示。

它似乎没那么久所以id保持简单，把它全部放在页面上，例如div 1 / div 2等，然后用js而不是css隐藏它们，这样如果它们没有启用它，它仍然在页面上显示1比1，他们只需要手动向下滚动。

然后执行简单的单击以显示功能并将其调用一天。

或Jquery它至少让它更流畅。它至少是性感的吗？

Answer 2

您可以将图像保存在一个数组中，然后将所选图像绘制到画布上。