18

Главная - css - Тема : hover

Показать подчеркивание при наведении hover

Пример работы скрипта : «Показать подчеркивание при наведении css»
Скрипт № 67.2
Cкачать скрипт в архиве «Показать подчеркивание при наведении css»

Всего скачали 27 раз/а.
Для того, чтобы продемонстрировать эффект подчеркивания при наведении нам потребуется эффект, который называется "Псевдокласс :hover"
Нам в самом начале придется показать, как ведет ссылка себя по умолчанию.
На этой странице придется делать слишком много телодвижений, чтобы это сделать - мы пойдем простым путем - сделаем отдельную страницу, ан которой никак никакие стили не действуют.
1.В начале нам потребуется вывести ссылку, как она была бы по умолчанию...2.Далее уберем подчеркивание с помощью стиля:
3.И уже трьим пунктом нам понадобится убрать подчеркивание при наведении!
Вы можете спросить - зачем два лишних пункта перед третьим!? Да потому! Что подчеркивание может быть разным!
И если не знать, как это процесс был сделан с самого начала то просто ничего не будет работать!

Не буду повторять, что ранее уже делал в предыдущий раз... - возьмем пример оттуда.1.
Первым пунктом так же оставим ссылку по умолчанию.
2.
Вторым пунктом удалим подчеркивание.
a.first , a.second {
text-decoration: none;
}
3.
И уже третьим пунктом сделаем, чтобы при наведении показывалось подчеркивание...
a.second:hover {
text-decoration: underline;
}

ссылки:
1. <a href="http://pro.dwweb.ru/little_progects/css/hover/pokazat_podcherkivanie_pri_navedenii_hover.php" >ссылка на умолчанию </a><br>2. <a href="http://pro.dwweb.ru/little_progects/css/hover/pokazat_podcherkivanie_pri_navedenii_hover.php" class="first">ссылка без эффекта</a><br>
3. <a href="http://pro.dwweb.ru/little_progects/css/hover/pokazat_podcherkivanie_pri_navedenii_hover.php" class="second">ссылка с эффектом</a><br>
Вот так должно было получиться...
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
ПОСЛЕДНИЕ КОММЕНТАРИИ
com
Марат : 2019/07/20 - 14:22
Решили все таки, разделить разные поддомены!Что собственно и предусмотрено в новой версии...
подробнее ...