изменение стиля курсора с помощью javascript

Я работаю над браузером, где я использую пользовательские курсоры. Я настраиваю пользовательский курсор для всей страницы в моем CSS (по какой-то причине, если я поставил его на «тело» иногда меняется обратно по умолчанию курсора в какой-то области)изменение стиля курсора с помощью javascript

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

I Would хотел переписать URL-адрес свойства выше CSS с помощью JavaScript

Например, когда пользователь перемещает карту, я хотел бы использовать этот пользовательский курсор:

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

Как я могу изменить это значение, используя JavaScript? Спасибо заранее! :)

источник

2016-04-06 iwan

'document.documentElement.style.cursor = 'url (" http://www.iwansfactory.com/tycoon/movecursor.png "), по умолчанию';' –

Спасибо, что это именно то, что я искал ! – iwan

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

источник

2016-04-06 05:31:56

Как вы это объясните, вам даже не нужен javascript? Почему бы просто не сделать что-то вроде

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

источник

2016-04-06 05:26:34

Я буду использовать несколько разных курсоров (для перемещения по карте, построения дороги, посадки дерева и т. Д.) Извините, не объяснил это дальше – iwan

Хо, вы хотите, чтобы это изменилось, щелкнув что-то, на что я думаю? –

Вы можете попробовать это, если вам нужен 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; 
     }

источник

2016-04-06 05:30:02 nisar

если вы хотите изменения курсора к move-cursor, вы можете попробовать событие MouseOver, чтобы изменить его стиль, когда наведите курсор мыши на карту, и событие MouseOut, чтобы вернуться к умолчанию.

источник

2016-04-06 05:32:51

Вы можете добавить классы css для каждого типа курсора, тогда событие onmouseenter применит вашу логику игры, чтобы выбрать, какой класс css применять.

источник

2016-04-06 05:35:27 acolve

изменение стиля курсора с помощью javascript

ответ

Смежные вопросы