如何编写GUI选择框?

时间:2010-10-03 20:11:52

标签: javascript user-interface html5

我想在我的应用程序中构建一个在屏幕上选择多个对象的方法(这是一个带有一堆绝对定位的HTML div的HTML页面)。你知道,就像当你用鼠标点击并拖动一个透明/半透明的盒子时,鼠标释放时会选择该盒子里的任何东西吗?

我不知道如何编码。你好吗?或者指向解决方案的指针也是可以接受的。

2 个答案:

答案 0 :(得分:2)

考虑使用jQuery javascript库。它有一个扩展jQuery UI,提供交互和动画的抽象。拖拽你有:Draggable

答案 1 :(得分:0)

这是我要做的。

Mousedown创建一个高z-index div,透明的主体,边框很漂亮,其尺寸由mousemove提供。在mouseup上,您将该div的区域与适用的元素进行比较。没有库就不会特别难,但是YUI3非常简单,看看http://developer.yahoo.com/yui/3/api/Node.html#method_inRegion

HTH。