Web：普通のユーザーがドラッグ可能であることを知っているdivコンテナを設計するにはどうすればよいですか？

Question

私は、draggable（このように：Make jQuery-ui draggable handle cover entire page）である私のasp.net applictation小さなdivコンテナを作った。

普通のユーザーが本能的に知っていること、このコンテナをページの周りにドラッグできることを明確にしたいと思います。

私はCSS経由でカーソルをcursor: move;に設定しました。 しかし、このソリューションでは、小さなコンテナの上にマウスを動かしながら、知識だけを得ることができます。

この小さなdivがドラッグ可能であることをユーザーが最初から知っていることを確認するにはどうすればよいですか？

Answer 1

を通過することができます。この画像は常に見えるので、ユーザーはこのdivがdraggalbeであることを簡単に知ることができます。もちろん、cssでdivの中央に置くことができます。画像はpngのタイプになりますので、醜く見えず、divのcontantが表示できるように透明画像を適用することもできます。

また、@Prabhavithと@Matt Loweによって与えられた他の提案もあります。あなたはそれを回避することもできます。リンク問題の画像のように

Answer 2

私にはどんな意味があります私はこれが行わ見てきた唯一の方法は、単語「ドラッグ」とのdivを中心に4つの序を通じて指す矢印とかすかに書き込まれたメッセージを持つことです。

Answer 3

あなたはあなたがドラッグ可能であるdiv要素ににこのような画像を設定することができ、このサイトhttp://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/DragPanel/DragPanel.aspx

Answer 4

、あなたはドラッグ可能なdiv要素は、より伝統的なデスクトップウィンドウのように見えるようにすることができます。ユーザーは、タイトルバーが上部にあり、最小化、マジミズ、クローズボタン、およびオプションのベベルの枠線を持つウィンドウをドラッグすることに慣れています。このスタイルを近似すると、ドラッグ可能性を伝えるのに役立ちます。

同様に、持つdivの周りに境界線が暗く成長やハイライトは、同様draggability通信するのに役立ちます。