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

Question

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

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

我已经通过CSS将光标设置为cursor: move;。 但是使用这种解决方案，用户只需将鼠标移到小容器上即可获得知识。

我怎样才能确保用户从一开始就知道这个小div是可拖动的？

Answer 1

您可以在可拖动的div上设置这种图像。此图像将始终可见，因此用户可以轻松了解此div是draggalbe，当然还有 css ，您可以将其置于div的中心位置。和图像将是png的类型，所以它看起来不会很难看，你可以应用手工图像的透明度，因此即使图像在div上也可见。

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

Answer 2

我认为这样做的唯一方法对我来说是有意义的，就是用一个带有“＃34; Drag＆＃34;和箭头指向以div为中心的四个序数。

Answer 3

与链接问题中的图像一样，您可以使可拖动的div看起来更像传统的桌面窗口。用户习惯于在顶部有标题栏的窗口周围拖动，最小化，mazimize和关闭按钮，以及带有可选斜角的边框。近似这种风格有助于沟通可拖动性。

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

Answer 4

您可以浏览此网站http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/DragPanel/DragPanel.aspx