如何在.Net / HTML5中创建交互式数字行

Question

我正在尝试创建一个交互式number line，以帮助使用HTML5和.NET的数学学生进行基本的加法/减法学习。我正在试图弄清楚如何创建一个交互式数字线，用户可以将线上的标记拖动到不同的数字，并查看加法/减法结果。

到目前为止我研究过的，HTML5中的slider bar可能是解决方案，但我不确定它是否可以处理范围。

那里的大师出发点是什么？

Answer 1

有许多HTML UI工具包可以提供一个范围滑块，我认为它几乎可以完全按照您的需要进行操作。

您应该查看JQuery UI的范围滑块以开始使用：http://jqueryui.com/demos/slider/#range

Answer 2

我认为你不想在其中加入.net。 HTML5可以在javascript中完全在客户端处理这个用例。我正在使用Canvas API制作一个，但后来我跳过了this question，它基本上为你提供了你需要知道的数字线，你只需要抓住点击事件并创建一个点到显示添加结果。这应该是非常容易的，除非你是一个严肃的Canvas初学者，如果你让我知道你的具体问题，我会看看我是否可以扩展这篇文章。

关于sblom的答案，JQuery也可以在这方面做得很好。但我不会涉及.net技术，除非你真的需要某种服务器端处理技术，你不在这里。