爲網頁應用程序創建圖像工具欄

我正在構建一個非常基本的在線應用程序，您可以從工具欄（或某種存儲盒，因爲最終會有相當多的圖像）拍攝圖像並拖放它們到畫布上。我是網絡開發新手，但我知道如何進行拖放操作，我只是在尋找一種製作工具欄並在其中放置圖像的方法。理想情況下，我想要一個帶滾動條的框。爲網頁應用程序創建圖像工具欄

這看起來應該是一個非常簡單的問題。任何幫助將非常感激！

2012-05-28 mayaPapaya

我最終發現最簡單的方式在CSS的div使用

overflow: scroll;

包含圖像。

2012-06-25 17:36:20 mayaPapaya

下面是使用拖放&下降的HTML5一個很好的和簡單的例子：

當心，很容易拖動鏈接（如本演示），但它是不可能的阻力任何不在IE9鏈接內的圖像。

如果你想要一個完全跨瀏覽器的解決方案，你將不得不恢復到舊的解決方案（跟蹤鼠標向下移動和向上並設置自己的對象的位置）。

2012-05-28 19:01:12

你能告訴我如何創建一個工具欄或滾動條框來保存圖像（不只是一個列表）？ – mayaPapaya

您只需以水平方式排列您的對象。但也許你應該首先尋找一個html + css教程？也許http://www.html.net/tutorials/css/或http://www.htmldog.com/guides/cssbeginner/ –

好吧，你還在說沒有辦法把它們放在一個盒子裏滾動條，除非我自己寫JavaScript？ – mayaPapaya

如果你說你知道拖動&下降，只是想用滾動條的盒子，然後檢查：http://jqueryui.com/demos/slider/side-scroll.html

2012-05-28 21:27:58

回答