Кнопка при наведении меняется

botaniQQQ · 21.07.2008, 02:37

Люди , подскажите - вот у меня есть конпка 1 -

И есть другая кнопка 2 -

Как сделать - при наведении на кнопку один - появлялась вторая ?

Пример : увидел на этом сайте

добавлено через 2 минуты
Только чтобы не было на скрипте !!!

pastuhoff · 21.07.2008, 03:32

Там как-раз на js это делается. Вроде даже если через css делать - все-равно будут использоваться базовые элементы js (другими словами, я не помню, можно ли однозначно заставить работать это при отключенном js, но шансы есть).

добавлено через 2 минуты
Посмотрите http://webgraphica.ru/modules/myarti...storyid_4.html
Но рекомендуется сделать предзагрузку всех изображений для медленных соединений.

botaniQQQ · 21.07.2008, 04:05

Немогу понять , <a href=”” class=”knopka">здесь любой текст</a>

здесь любой текст - как вызвать вместо этого текста - свои картинки и чтобы менялись при наведении (картинки в CSS)

pastuhoff · 21.07.2008, 04:11

<html>

<style>
a.knopka {
display:block;
background-image: url("top.gif");
width:200px;
height:40px;
}
a.knopka:hover {
display:block;
background-image: url("bottom.gif");
width:200px;
height:40px;
}
</style>

<body>
<a href="http://pizda.biz" class="knopka"></a>
</body>

</html>

Пути к картинкам только пропишите, если они в другой папке.

botaniQQQ · 21.07.2008, 05:11

Спасибо

mobilers · 26.07.2008, 14:23

Сообщение от pastuhoff

<html>

<style>
a.knopka {
display:block;
background-image: url("top.gif");
width:200px;
height:40px;
}
a.knopka:hover {
display:block;
background-image: url("bottom.gif");
width:200px;
height:40px;
}
</style>

<body>
<a href="http://pizda.biz" class="knopka"></a>
</body>

</html>

Пути к картинкам только пропишите, если они в другой папке.

заранее скрыто bottom.gif загружать надо, иначе при большем весе этого файла будет долгая подгрузка.

Regent · 27.07.2008, 02:11

Это все делаеться спокойно через Дhtml, как доберусь до компа, выложу код.

Кстати, как можно нормально сделать предзагрузку всех изображений?

Разделы
Обсуждение доменных имён	Рыночные форумы	Дизайн и развитие проектов	Поисковая оптимизация, SEO и SMM	Отдыхаем
Обсуждение доменных имён и регистраторов	Подарю домен	Обсуждение веб-дизайна	Социальные инструменты	Барахолка
⋅Аукционы	Продам домен - конкретная цена	Оценка дизайна, отзывы	Поисковые системы и каталоги	Комната отдыха
⋅Обсуждение доменных имён и регистраторов IDN и РФ	⋅Домены в зоне .RU (Продам - конкретная цена)	Искусственный интеллект	⋅Яндекс	DomenForum - Замечания и предложения
⋅Обсуждение доменных имён и регистраторов newTLD	⋅Домены в зоне .РФ и IDN (Продам - конкретная цена)	Программирование	⋅Google	Отзывы пользователей
Оценка доменных имён	Продам домен - Аукцион	Графический дизайн	⋅Каталоги
⋅Оценка IDN и РФ	⋅Домены в зоне .RU (Аукцион)	Начинающему веб-мастеру
⋅Оценка доменов в newTLD	⋅Домены в зоне .РФ и IDN (Аукцион)
Для новичков домен-индустрии	Продам домен - выслушаю предложения
Новости домен-индустрии	⋅Домены в зоне .RU (Выслушаю предложения)
⋅Другие полезные новости	⋅Домены в зоне .РФ и IDN (Выслушаю предложения)
Правовые вопросы	Куплю домен
Монетизация доменов	⋅Куплю домен за сумму до ~100$
	⋅Куплю .РФ или IDN домен
	Продам/Kуплю готовый сайт
	⋅Сателлиты и варез
	⋅Сайты на бесплатном хостинге
	⋅Покупка/Продажа контента
	Хостинг Предложения/Спрос
	Купля, продажа, обмен ссылками
	⋅Покупка
	⋅Продажа
	⋅Обмен
	⋅Размещение статей
	Финансы, кредиты, обмен валют, инвестиции
	Реклама
	⋅Вакансии
	⋅Каталоги
	⋅Регистрация в каталогах

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)