javascriptを使用してカーソルスタイルを変更する

Question

私はカスタムカーソルを使用しているブラウザゲームに取り組んでいます。 は私が私のCSS にページ全体のカスタムカーソルを設定しています

html { 
    cursor: url("http://www.iwansfactory.com/tycoon/defaultcursor.png"), default; 
} 

私は考えを（私は「身体」のためにそれを設定した場合、何らかの理由で、時にはそれはいくつかのエリアにカーソルをデフォルトに戻って変更します）ユーザーは、私はこのカスタムカーソルを使用したいマップを移動している場合たとえば、javascriptを

を使用して上記のCSSのurlプロパティを上書きしたい：

http://www.iwansfactory.com/tycoon/movecursor.png 

は、どのように私はJavaScriptを使用して、この値を変更できますか？ ありがとうございます！ :)

Answer 1

document.documentElement.style.cursor = 'url("http://www.iwansfactory.com/tycoon/movecursor.png"), default'; 

Answer 2

あなたはそれを説明する方法は、あなたもJavaScriptを必要としない？ だけ

.map:hover{ cursor : url('http://www.iwansfactory.com/tycoon/movecursor.png') } 

Answer 3

のような何かをしないのはなぜあなたはJSが必要な場合は、カーソルの変更をしたい場合は、そうでない場合は上記のCSSをたどる...

 <span onmouseover="changeCursor(this,'http://www.iwansfactory.com/tycoon/movecursor.png');" onmouseout="changeCursor(this,' url("http://www.iwansfactory.com/tycoon/defaultcursor.png"), default');"> Hello World </span> 

     function changeCursor(el, cursor) 
     { 

      el.style.cursor = cursor; 
     } 

Answer 4

これを試すことができますマウスカーソルを地図上に置いたときにそのスタイルを変更し、MouseOutというイベントをデフォルトに戻すには、イベントMouseOverを試すことができます。

Answer 5

各カーソルタイプにcssクラスを追加してから、onmouseenterイベントを使用して、適用するCSSクラスを選択するゲームロジックを適用できます。