PDA

Просмотр полной версии : Кнопка при наведении меняется

botaniQQQ
21.07.2008, 02:37
Люди , подскажите - вот у меня есть конпка 1 - http://s49.radikal.ru/i124/0807/50/216851eb03bb.gif

И есть другая кнопка 2 - http://s60.radikal.ru/i169/0807/65/184afa9ff818.gif

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

Пример : увидел на этом сайте (http://kinoshare.org/)

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

добавлено через 2 минуты
Посмотрите http://webgraphica.ru/modules/myarticles/article_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
<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, как доберусь до компа, выложу код.


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