|
|
|
|
Урок 18. Как изменить внешний вид курсора? Автор: Андрей Краснокутский Дата: 2009-08-01
Делается это очень просто, в нужных местах просто прописываем стиль курсора используя парный тег <span> </span>. Используя span класс , например придаем абзацу определенный стиль. А стили курсоров бывают такие: Таблица 1.
Как Вы уже поняли, в левой колонке представлен внешний вид курсора, а в правой колонке, код который необходимо прописать. При наведении стандартного курсора на текст которому придан span класс - курсор меняет свой внешний вид. Как это работает? Ниже представлены названия курсоров, при наведении на текст мыши, курсор меняет свой внешний вид. Попробуйте.... Графическое выделение..... Перемещение ..... Стрелка вправо ..... Обычный режим (зеркальный)..... Обычный режим ..... Стрелка вверх ..... Обычный режим (перевернутый) ..... Обычный режим (перевернутый, зеркальный) ..... Стрелка вниз ..... Стрелка влево ..... Выделение текста ..... Система недоступна ..... Выбор справки ..... Попробовали? Значит поняли пинцип действия. Пример: надо сделать такое сообщение (или что-то подобное):
"Извините, в настоящее время сайт находится на модерации. Регламентные работы закончатся в 22.00. Спасибо за понимание."
Ниже приводится листинг кода: Листинг 18.1.
При наведении курсора на текст объявления, курсор меняет свой внешний вид. Цвет и размер шрифта выбираете на своё усмотрение.
Просмотров: 12316 Поделитесь этой информацией со своими друзьями! Комментарии к этой статье (уроку): Комментарии добавил(а): Михаил А как сделать чтобы курсор менял свой вид при наведении на ссылку? И что делать если в опере работают только стандартные курсоры, а при попытке прописать нестандартный курсор не отображает его(cursor:url(...)), в ИЕ работает. Комментарии добавил(а): Данил Спасибо! Сделал себе анимированный курсор в стиле аниме "самураи" , супер! Кстати, чтобы вставить курсор на сайт, так , чтобы он был основным - <body style bgcolor=#c0c0ff(это просто цвет страницы) <span style=CURSOR:(имя курсора без скобок)"> Комментарии добавил(а): Данил Все это указывать в коде "<body style>" , чтобы сделать курсор основным для сайта Добавить Ваш комментарий: |
Новости сайта Почтовая рассылка Новинка! Как реально заработатьв Интернете? "Обзор видов и способов заработка."
Специальный Отчет:  В подарок всем подписчикам! Полный список наших почтовых рассылок! Домены 
Google Adsense |
Навигация
Видео Курсы
Последние заметки
Новости сайта
Архив 2016 год: 2015 год: 2014 год: 2013 год: 2012 год: 2011 год: 2010 год: 2009 год: 2008 год: Сайты друзей Наши ссылки
Если Вам понравился  Наши Аттестаты
|
Вот так выглядит стандартный курсор, который установлен по умолчанию. Но иногда хочется изменить внешний вид курсора на web-странице, а иногда это просто необходимо для придания дополнительного смысла тексту. Так как же нам изменить внешний вид курсора, причем сделать это в определенных местах?
|
Разрешается полное или частичное копирование материалов сайта с обязательным |