AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Смена текста ссылки при наведении

При разработке сложного сайта Вы сталкиваетесь с проблемой, когда Вы уже задействовали и меню, и вкладки, и ссылки, и нужно вставить ещё один переключатель - ссылку. Предлагаю оригинальное решение:

Проставление кармы ОрганизаторамУчастникам
Исходный код этого примера:

<style type="text/css">
    div.a{
        color: blue;
    }
    div.a a{
        color: inherit;/*наследовать от div*/
    }
    div.a a:first-child{
        border-bottom: 1px dotted;
        border-bottom-color: inherit;
        text-decoration: none;
    }
    div.a:hover a:first-child{
        display: none;
    }
    div.a a:last-child{
        display: none;
    }
    div.a:hover a:last-child{
        display: inline;
        text-decoration: underline;
        cursor: pointer;
    }
</style>

<h1>Смена текста ссылки при наведении</h1>

<p>При разработке сложного сайта Вы сталкиваетесь с проблемой, когда Вы уже задействовали и меню, и вкладки, и ссылки,
    и нужно вставить ещё один переключатель - ссылку.
    Предлагаю оригинальное решение:</p>

<div class='a'>Проставление кармы <a href='#1'>Организаторам</a><a href='#2'>Участникам</a></div>



.

© Copyright 2008-2016 by KDG