1

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

从我目前的研究来看,HTML5 中的滑块可能是解决方案,但我不确定它是否可以处理范围。

那里有大师的起点吗?

4

2 回答 2

1

有许多提供 Range Slider 的 HTML UI 工具包,我认为它几乎可以完全满足您的需求。

您应该查看 JQuery UI 的范围滑块以帮助您入门:http: //jqueryui.com/demos/slider/#range

于 2012-07-16T19:33:37.003 回答
1

我认为您不想在其中包含 .net。HTML5 可以在 javascript 中完全在客户端处理这个用例。我正在使用 Canvas API 制作一个,但后来我遇到了这个问题,它基本上为您提供了制作数字线所需的知识,您只需要获取点击事件并创建一个显示添加的点结果。这应该很容易,除非你是一个认真的 Canvas 初学者,如果你知道你的具体问题,我会看看我是否可以扩展这篇文章。

关于 sblom 的回答,JQuery 也可以很好地解决这个问题。但我不会涉及 .net 技术,除非你真的需要某种服务器端处理技术,而你在这里不需要。

于 2012-07-16T19:37:26.813 回答