X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать "живую" кнопку?
happyhand
happyhand
Topic Starter сообщение 3.3.2009, 13:07; Ответить: happyhand
Сообщение #1


Нужно, чтоб при наведении мышкой кнопка менялась на другую, не пойму, как это сделать в dreamviewere.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MoolkiN
MoolkiN
сообщение 3.3.2009, 13:36; Ответить: MoolkiN
Сообщение #2


<div id="rollimg7" style="position:absolute; overflow:hidden; left:745px; top:360px; width:113px; height:29px; z-index:22">
<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('rollimg7','','Картинка НА которую меняется кнопка',1)" href="ссылка на страницу" title="">
<img name="rollimg7" onLoad="MM_preloadImages('Картинка НА которую меняется кнопка')" width=113 height=29 alt="" border=0 src="Изначальная картинка">
</a></div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 3.3.2009, 13:40; Ответить: Zippovich
Сообщение #3


Если кнопка является ссылкой, то можно без JS:

<a href="#" title="Кнопка" class="button">Кнопка</a>


CSS:

a.button {background: url('image1.gif') no-repeat}
a.button:hover {background: url('image2.gif') no-repeat}


Примерно так.
При наведении мыши бэкграунд на кнопке будет меняться с image1.gif на image2.gif.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
happyhand
happyhand
Topic Starter сообщение 4.3.2009, 1:14; Ответить: happyhand
Сообщение #4


Чёт ничего не получилось. Вот мои исходные кнопки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cccp_hb
cccp_hb
сообщение 7.3.2009, 0:34; Ответить: cccp_hb
Сообщение #5


(sergey-g @ 4.3.2009, 03:14) *
Чёт ничего не получилось. Вот мои исходные кнопки.

с использованием 2х картинок
код хтмл
<img src="images/button/karta.jpg" onmouseover="this.src='images/button/kartap.jpg'"border="0" onmouseout="this.src='images/button/karta.jpg'">
при наведении картинка меняется на другую , а при удаления курсора с области картинки , картинка меняется на старую.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cccp_hb
cccp_hb
сообщение 7.3.2009, 1:06; Ответить: cccp_hb
Сообщение #6


(Zippovich @ 3.3.2009, 15:40) *
Если кнопка является ссылкой, то можно без JS:

<a href="#" title="Кнопка" class="button">Кнопка</a>
CSS:

a.button {background: url('image1.gif') no-repeat}
a.button:hover {background: url('image2.gif') no-repeat}
Примерно так.
При наведении мыши бэкграунд на кнопке будет меняться с image1.gif на image2.gif.

идея хорошая но у меня картинка получается на заднем плане букв

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1519 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2285 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3912 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:19
Дизайн