| Главная |
| HTML |
| Введение |
| Основные параметры |
| Таблица и Ссылки |
| Текст |
| Разметка |
| Дополнительно |
| Стильные ссылки |
| Стильные курсоры |
| Таблица цветов |
| Софт |
| Скрипты |
| Форум |
| Ссылки |
| Webmaster |
|
|
Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту. Многих пользователей подобные изменения могут ввести в заблуждение, когда, например, вместо традиционной руки, появляющейся при наведении на ссылку, возникает нечто другое. В большинстве случаев, лучше оставить все по умолчанию.
| Значение | Тест | Пример |
|---|---|---|
| default | ТЕСТ | cursor:default |
| crosshair | ТЕСТ | cursor:crosshair |
| hand | ТЕСТ | cursor:hand |
| move | ТЕСТ | cursor:move |
| text | ТЕСТ | cursor:text |
| wait | ТЕСТ | cursor:wait |
| help | ТЕСТ | cursor:help |
| n-resize | ТЕСТ | cursor:n-resize |
| ne-resize | ТЕСТ | cursor:ne-resize |
| e-resize | ТЕСТ | cursor:e-resize |
| se-resize | ТЕСТ | cursor:se-resize |
| s-resize | ТЕСТ | cursor:s-resize |
| sw-resize | ТЕСТ | cursor:sw-resize |
| w-resize | ТЕСТ | cursor:w-resize |
| nw-resize | ТЕСТ | cursor:nw-resize |
Синтаксис создания курсора очень прост. Следует определить класс и в
нем использовать один из типов курсора, описанных в таблице. Ниже в
примере показано, как можно переопределить вид курсора при наведении его
на разные ссылки.
Пример 1. Изменение курсора мыши при наведении его
на ссылку
| <html> <head> <style type="text/css"> .movelink { cursor: move } .helplink { cursor: help } </style> </head> <body> |
Если вы желаете переопределить курсор мыши для всей веб-страницы
целиком, а не только для ссылок, воспользуйтесь селектором body.
Пример 2. Изменение вида курсора мыши
для всей веб-страницы
| <html> <head> <style type="text/css"> body { cursor: ne-resize } </style> </head> <body> |
Реклама
|