Web:我如何设计一个普通用户知道它是可拖动的div容器？

Question

我已经在我的asp.net应用程序中创建了一个小的div容器，它是draggable (以这种方式：Make jQuery-ui draggable handle cover entire page)。

我想说明的是，普通用户本能地知道，他/她可以在页面上拖动这个容器。

我已经通过CSS将光标设置为cursor: move;。但使用此解决方案时，用户仅在将鼠标移动到小容器上时才能获得知识。

我如何确保用户从一开始就知道这个小div是可拖动的？

Answer 1

您可以设置

这类图像在div上是可拖动的。这个图像总是可见的，所以用户可以很容易地知道这个div是拖拽的，当然，通过css，你可以把它放在这个div的中央。图像将类型为png，这样它看起来不会很难看，你可以应用透明度，这样手图像就可以看到，即使图像在div上也是可见的。

是的，@Prabhavith和@Matt Lowe..you也给出了其他建议，也可以解决这个问题。

Answer 2

我所看到的唯一对我有意义的方式是有一条模糊的消息，上面写着“拖动”一词，箭头指向div中居中的四个序数。

Answer 3

与链接问题中的图像一样，您可以使可拖动的div看起来更像传统的桌面窗口。用户习惯于在顶部有标题栏、最小化、最大化和关闭按钮以及带有可选斜角的边框的窗口中拖动。近似此样式将有助于传达可拖放性。

同样，让div周围的边框变暗或突出显示也有助于传达可拖放性。