Тоесть когда наводим на кнопку, она меняет цвет и меняет картинку с лева. Да это можно сделать используя только css. Давай рассмотрим пример который используется на привет.лв.
CSS:
Код:a {
background:url('http://privet.lv/ntr/images/dot1.gif') no-repeat 0 0px; /* Грузим рисунок */
padding-left:20px; /* Делаем отступ, для того что б рисунок не был под кнопочкой */
color:#5E5E5E; /* Устанавливаем цвет кнопки */
}
a:hover { /* Функциа срабатывает после попадания курсора на кнопку */
background-position:0 -28px; /* Наш подгруженный рисунок поднимаем вверх */
color:#0066CD; /* Изменяем цвет кнопки */
}
HTML:
Код:<a href="#">Главная страница</a>
Вот собственно и все.
Можно в
a:hover использовать не
background-position а
background с новым рисунком. - Который будет грузится при наведение. Но лучше так не делать.
Изменено: Добавлено: 14/12/2007 18:23
Вот еще в голову пришла одна идея:
CSS:
Код:a {
color:#d4f498;
}
a span {
color:#fd294f;
}
a:hover {
color:#f9825b;
}
a:hover span {
color:#01d706;
}
HTML:
Код:<a href="#"><span>¤</span> Кнопка</a>
Страниц: 1
Ссылка с двумя цветами! (Прочитано 11157 раз)
