为Web应用程序创建图像工具栏

时间:2012-05-28 18:56:26

标签: javascript html css html5

我正在构建一个非常基本的在线应用程序,您可以从工具栏(或某种类型的存储盒中获取图像,因为最终会有相当多的图像)并将它们拖放到画布上。我是网络开发的新手,但我知道如何进行拖放操作,我只想找到一种制作工具栏并将图像放入其中的方法。理想情况下,我喜欢带滚动条的方框。

这似乎应该是一个非常简单的问题。任何帮助将不胜感激!

3 个答案:

答案 0 :(得分:1)

我最终发现的最简单方法是使用

overflow: scroll;

在包含图像的CSS div中。

答案 1 :(得分:0)

这是HTML5中使用拖放功能的一个非常好的简单演示:

http://html5demos.com/drag

请注意,拖动链接很容易(如本演示中所示)但是无法拖动IE9中不在链接内部的任何图像。

如果你想要一个完全跨浏览器的解决方案,你将不得不恢复旧的解决方案(跟踪鼠标,移动和向上,并自己设置对象的位置)。

答案 2 :(得分:0)

如果你说你知道拖放,只想要一个带滚动条的框,那么请检查:http://jqueryui.com/demos/slider/side-scroll.html