在Web应用程序(或一般)中指示"可拖动性"的最佳方式？

Question

是否有任何您知道的视觉线索表明项目的"可拖动性"？

显而易见的:

• "<marque>点击此处拖动!</ marque>"
• 一个图标
• 和(我计划实施)封闭式手持光标 - onmouseover

谢谢你的帮助!

Answer 1

我真的无法解释原因,但iphone上的拖动背景图标对我来说有点意义.它只有三条水平线.在我开发和销售的Web应用程序中,人们立即理解(好吧,在经典的"鼠标UI"上,鼠标指针gfx也会改变你提到的前一个,这是鼠标用户界面的一些非常重要的附加线索).

我也立即将它与一个可拖动的东西联系在一起!只有三条水平线......

但是它只对某种可拖动的行或行有意义.我不知道您的预期应用需要详细说明.

背景(只有三条简单的水平线):alt text http://manjadigital.de/demo/s/d/f/c/a/sortierer_greifer.gif

iPhone上的示例用法:alt文本http://creativealgorithms.com/iphone/EditCalcList.jpg

Answer 2

现代浏览器支持抓取/抓取光标:

.dragHandle {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.dragHandle:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

有关更多信息(以及IE故障转移),请阅读:http://uihacker.blogspot.com/2011/01/css-grab-hand-cursor.html