Как установить свои курсоры на сайт

Если Вы не нашли подходящего раздела, для вопроса связанного с web строительством, то Вам сюда.
Аватара пользователя
Slash
Администратор
Сообщения: 2208
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

Как установить свои курсоры на сайт

#1

Сообщение Slash » Чт июл 10, 2014 12:47 pm

Сегодня речь пойдёт о том, как сделать так, чтобы курсоры на вашем сайте меняли внешний вид, в зависимости от ситуации.
А потом с помощью css свойств определить вид курсора. Актуально делать это например когда пользователь наводит курсор на ссылку или картинку. Так он поймёт, что она кликабельна. Пользовательские курсоры могут указываться в формате CUR, GIF, MPNG, SVG. Если картинка с курсором не может отобразиться, то отображается следующий курсор по списку. С помощью gif формата можно делать анимированный курсоры, но наиболее популярным остаётся формат gif. Ниже мы приведём список стандартных курсоров, которые прописываются в тегах.
Пример:
HTML:

Код: Выделить всё

<a class="cursor" href="index.php">Ссылка</a>
CSS:

Код: Выделить всё

.cursor img { 
    cursor: url(/img/cursor.cur), pointer; 
}
Default - используется по умолчанию
Crosshair - перекрестие
Hand - рука, аналог pointer
Move - определяет объект, который можно переместить.
Pointer - указатель, который обозначает ссылку.
Help - стрелка со знаком вопроса
Wait - курсор обозначающий режим ожидания

Реклама

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей