| Программирование в Интернет |
|
|
| Программирование под Windows |
|
|
|
Практическое использование CSS: курсоры
В данном цикле статей мы рассмотрим на примерах что можно сделать с помощью CSS. Мы не будем изучать его с начала. Если Вам нужен учебник по CSS, Вы найдете его (и не один ;)) здесь: http://ru-coding.com/css.php. Ну, а мы начинаем.
Раз первая статья называется "Практическое использование CSS: курсоры", то и говорить мы сегодня будем о курсорах.
Итак, с помощью CSS можно легко и просто изменить стандартную форму курсора на любую другую из набора. Зачем это нужно? Ну, иногда так можно лучше подчеркнуть что-то, например, посмотрите на следующие две строки (наведите курсор на первую и вторую):
Часто Задаваемые Вопросы
Часто Задаваемые Вопросы
Или если Вы для реализации гипертекстовой ссылки используете JavaScript событие onclick, то такая ссылка в браузере будет отображаться как обычный текст, а вот так уже будет намного лучше.
Таблица курсоров:
| Курсор |
Синтаксис |
| cursor:crosshair |
<td style=CURSOR:crosshair;> текст </td> |
| cursor:move |
<td style=CURSOR:move;> текст </td> |
| cursor:pointer |
<td style=CURSOR:pointer;> текст </td> |
| cursor:e-resize |
<td style=CURSOR:e-resize;> текст </td> |
| cursor:ne-resize |
<td style=CURSOR:ne-resize;> текст </td> |
| cursor:nw-resize |
<td style=CURSOR:nw-resize;> текст </td> |
| cursor:n-resize |
<td style=CURSOR:n-resize;> текст </td> |
| cursor:sw-resize |
<td style=CURSOR:sw-resize;> текст </td> |
| cursor:se-resize |
<td style=CURSOR:se-resize;> текст </td> |
| cursor:s-resize |
<td style=CURSOR:s-resize;> текст </td> |
| cursor:w-resize |
<td style=CURSOR:w-resize;> текст </td> |
| cursor:text |
<td style=CURSOR:text;> текст </td> |
| cursor:wait |
<td style=CURSOR:wait;> текст </td> |
| cursor:help |
<td style=CURSOR:help;> текст </td> |
Вы можете применять данные курсоры как хотите. Как видите, они никоим образом не замедлят загрузку страницы. Но все же меру знать надо ;)
Продолжение следует.
|
|
|
