11

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

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

Пример работы скрипта : «Показать подчеркивание при наведении css»
Скрипт № 64.2
Cкачать архив «Показать подчеркивание при наведении css»
Всего скачали 5 раз/а.

Для того, чтобы продемонстрировать эффект подчеркивания при наведении нам потребуется эффект, который называется "Псевдокласс :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>
Вот так должно было получиться...

P.S. Этот, эти примеры и вообще весь сайт делается для того, чтобы вы могли понять, как это должно работать!
Потому, что я помню, как сам барахтался в этом море информации!
Не забывай о ближних своих!
Помогай им!
И не забывай тех, кто помог тебе!
Просто скажи спасибо!
Любая твоя реакция, на представление материалы очень важна для нас!
Не молчи! напиши что-то!(В рамках приличия конечно)


Нашел ошибку - напиши в коментах! У нас происходит большая чистка контента и приведение его к одному шаблону!
Если увидел ошибку – не поленись – напиши в коментах!
Мы очень Вам благодатны за вашу активную позицию!
Поделиться :
Оставить комментарий:
Всего комментариев : 0 PRO DW
Я не робот
PRO DW
Проголосовать: (Рейтинг звездный)
Еще никто не проголосовал
Может послушаем немного музыки!?