Настройка курсора CSS - PullRequest
       11

Настройка курсора CSS

1 голос
/ 17 июля 2009

Я пытаюсь создать код CSS, который меняет курсор на файл изображения, когда курсор находится на веб-странице. Я видел сайты, которые дают вам простой код для этого, но на них всегда есть реклама. Какие-нибудь коды, которые вы, ребята, знаете, могут это сделать?

Ответы [ 3 ]

5 голосов
/ 17 июля 2009

Да, просто примените следующий код CSS к вашему тегу body (если вы хотите, чтобы эффект был для всей страницы):

body {
    cursor: url('URL to image');
}

Дополнительная информация:
Файл изображения должен быть 32x32 или меньше
Internet Explorer поддерживает только файлы .cur

3 голосов
/ 29 сентября 2015

CSS:

html{
  cursor: url(URL of pictures)
}

Другие простые:
http://www.html1.freeiz.com/Your_cursor.html
http://jsfiddle.net/wNKcU/5/
http://jsfiddle.net/wNKcU/788/

0 голосов
/ 09 декабря 2018

создайте HTML-элемент с нужным изображением курсора и используйте событие onmousemove в javascript для перемещения курсора.
window.onmousemove= function(e) {cursor.left=e.x;cursor.top=e.y;} //cursor is the HTML element

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...