Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Как изменить внешний вид курсора?

Viktor | 24.02.2014 | нет комментариев

Вот так выглядит стандартный курсор, который установлен по умолчанию. Но иногда хочется изменить внешний вид курсора на web-странице, а иногда это просто необходимо для придания дополнительного смысла тексту. Так как же нам изменить внешний вид курсора, причем сделать это в определенных местах?

Делается это очень просто, в нужных местах просто прописываем стиль курсора используя парный тег <span> </span>. Используя span класс , например придаем абзацу определенный стиль. А стили курсоров бывают такие:

Таблица 1.

Внешний вид курсора
Код
<span style=CURSOR:crosshair;>Графическое выделение</span>
<span style=CURSOR:move;>Перемещение</span>
<span style=CURSOR:e-resize;>Стрелка вправо</span>
<span style=CURSOR:ne-resize;>Обычный режим (зеркальный)</span>
<span style=CURSOR:nw-resize;>Обычный режим</span>
<span style=CURSOR:n-resize;>Стрелка вверх</span>
<span style=CURSOR:sw-resize;>Обычный режим (перевернутый)</span>
<span style=CURSOR:se-resize;>Обычный режим (перевернутый, зеркальный)</span>
<span style=CURSOR:s-resize;>Стрелка вниз</span>
<span style=CURSOR:w-resize;>Стрелка влево</span>
<span style=CURSOR:text;>Выделение текста</span>
<span style=CURSOR:wait;>Система недоступна</span>
<span style=CURSOR:help;>Выбор справки</span>

Как Вы уже поняли, в левой колонке представлен внешний вид курсора, а в правой колонке, код который необходимо прописать. При наведении стандартного курсора на текст которому придан span класс – курсор меняет свой внешний вид.

Как это работает? Ниже представлены названия курсоров, при наведении на текст мыши, курсор меняет свой внешний вид. Попробуйте….

Графическое выделение…..

Перемещение …..

Стрелка вправо …..

Обычный режим (зеркальный)…..

Обычный режим …..

Стрелка вверх …..

Обычный режим (перевернутый) …..

Обычный режим (перевернутый, зеркальный) …..

Стрелка вниз …..

Стрелка влево …..

Выделение текста …..

Система недоступна …..

Выбор справки …..

Попробовали? Значит поняли пинцип действия. Пример: надо сделать такое сообщение (или что-то подобное):

“Извините, в настоящее время сайт находится на модерации. Регламентные работы закончатся в 22.00. Спасибо за понимание.”

Ниже приводится листинг кода:

Листинг 18.1.

<p><span style=CURSOR:wait;>”Извините, в настоящее время сайт находится на модерации. Регламентные работы закончатся в 22.00. Спасибо за понимание.”</span></p>

При наведении курсора на текст объявления, курсор меняет свой внешний вид. Цвет и размер шрифта выбираете на своё усмотрение.

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB