1

Webサイトの標準カーソルを円形メニューに変更しようとしています。円形/ホイール/パイメニューの例を次に示します。

  1. http://webdesigntutsplus.s3.amazonaws.com/155_WheelMenu/nav_wheel-css-only/wheel.htm
  2. http://www.cssplay.co.uk/menus/cssplay-pie-menu.html
  3. http://nikesh.github.com/Pie-Menu/

次の場合に知りたいのですが。

  1. デフォルトのマウスカーソルをこれらの1つに変更することは可能ですか？
  2. はいの場合、メニューの内容を動的に変更することは可能ですか？たとえば、例1を例にとると、サブメニュー（右側に表示されるもの）のテキストは、ユーザーがカーソルを置いた場所/置いた場所に関して異なる可能性がありますか？
4

1 に答える 1

0

要素にcsscursor:noneを設定すると、カーソルを非表示にできます。次にmousemove、カーソル位置に新しい「カーソル」をレンダリングする同じ要素にハンドラーを設定します。

レンダリングに時間がかかる場合、ユーザーはレンダリングよりも速くmousemoveイベントを生成できる可能性があります。パフォーマンスの低下を回避するために、レンダリングできるよりも速く一連のmousemoveイベントを連続して取得する場合は、最後のイベントを除くすべてを破棄する必要があります。

これを行う方法の質問に答えます。これを行うべきかどうかは別の質問です。ユーザーが制御できない方法でユーザーのカーソルを遠ざけることは、通常、悪い考えです。ゲームまたはサイトの特定のコントロール長方形でこれを行っている場合、それはそれほど悪くはありません。

于 2012-10-13T05:59:56.753 に答える