Кнопка с подсветкой?

Статус
В этой теме нельзя размещать новые ответы.

win32.liock

Писатель
Регистрация
1 Фев 2009
Сообщения
5
Реакции
0
Как реализовать кнопку с подсветкой?
Она светлого цвета (например, белого или серого) и при наведении она должна менять цвет на серый или белый.
Плюс, если я нахожусь в разделе, которому соответствует эта кнопка, она должна держать этот же цвет, который появляется при наведении.
 
woweb.ru эффекты при наведении мыши
 
А что мешает взять за пример какой нибудь сайт и покопаться в коде?

 
Вот готовый вариант кнопки с подсветкой при наведении, взял из движка DataLife Engine
 
самый простой способ через css

в коде вашей html-страницы присваиваете ссылке стиль

HTML:
<a href="#" class="rol">ссылка ролловер</a>

в файле стилей например style.css создаете класс .rol, либо прямо в html-странице перед тегом </head> (если в теле страницы, тогда стиль необходимо заключить в теги <style></style>)

HTML:
.rol {width:120px; height:30px; font-size:12px; font-family:Arial}

.rol a:link a:active a:visited {color:#FFFFFF; background:url(images/black_bgimage.gif) no-repeat #000000;}

.rol a:hover {color:#000000; background:url(images/white_bgimage.gif) no-repeat #FFFFFF;}
white_bgimage.gif (120х30px) подгружается при наведении на ссылку. Можно сделать анимацию эффекта подсвечивания, тогда при наведении на ссылку будет полноценный эффект.

вариантов великое множество, от возможностей css, js и flash, до расширенных возможностей и связей css+js+flash... т.е. эффект можно создать абсолютно любой, а как реализовать (проще/сложнее) дело ваше
 
Как реализовать кнопку с подсветкой?
Она светлого цвета (например, белого или серого) и при наведении она должна менять цвет на серый или белый.
Плюс, если я нахожусь в разделе, которому соответствует эта кнопка, она должна держать этот же цвет, который появляется при наведении.

Сайт - статика или динамика?
 
Сайт - статика или динамика?

а какая разница? любой шаблон формируется на костях html+css+js, а статичный ли сайт или динамичный уже совсем другой, не связанный с дизайном впорос.
 
Ролловер несложно делать, можно через js, можно через css, как предлагали выше.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху