如何在.Net/HTML5中創建交互式數字行

我正在嘗試創建一個交互式number line以幫助使用HTML5和.NET的數學學生進行基本的加/減學習。我試圖找出如何創建一個交互式數字線，用戶可以將線上的標記拖到不同的數字並查看加/減結果。如何在.Net/HTML5中創建交互式數字行

從我到目前爲止研究的結果來看，HTML5中的slider bar可能是解決方案，但我不確定它是否可以處理範圍。

高手們的任何起點？

來源

2012-07-16 JWiley

你能問一個具體的問題嗎？我不知道你在問什麼。 – Gabe 2012-07-16 19:28:43

@加貝當然。我試圖找出如何創建一個交互式數字線，用戶可以將線上的標記拖到不同的數字並查看加/減結果。 – JWiley 2012-07-16 19:31:58

@加貝這個問題已經不夠具體，兩位用戶在那裏沒有任何問題。你和casperOne肯定跳了槍。 – JWiley 2012-07-16 19:52:21

你想在這個.NET我不認爲。 HTML5可以在JavaScript中完全處理客戶端的這種用例。我正在使用Canvas API製作一個，但後來我絆倒了this question，它基本上爲您提供了製作數字線所需的知識，您只需抓取點擊事件並創建一個點以顯示相加結果。這應該是非常簡單的，除非你是Canvas的初學者，如果你讓我知道你的具體問題，我會看看我是否可以擴展這篇文章。

關於sblom的回答，JQuery也會在這方面做的很好。但是除非你真的需要某種服務器端處理技術，否則我不會涉及.net技術。

來源

2012-07-16 19:37:26 tmesser

啊這很好，謝謝。驚訝的問題沒有出現在搜索。我是Canvas的初學者，但在我尋求更多幫助之前，我會先嚐試一下，我的問題主要是弄清楚這種情況最適合哪種方式。 – JWiley 2012-07-16 19:42:34

有許多HTML UI工具包，提供了一個範圍滑塊，我認爲它幾乎可以完成你想要的功能。

你應該檢查JQuery用戶界面的範圍滑塊，讓你開始：http://jqueryui.com/demos/slider/#range

來源

2012-07-16 19:33:37 sblom

如何在.Net/HTML5中創建交互式數字行

回答

相關問題