Как сделать так чтоб кнопка менялась если навести на нее мышкой?

@Zetway · Регистрация: 08.08.2010

Author24 — интернет-сервис помощи студентам

@Para bellum · 28.02.2012, 18:32

Zetway, не знаю для каких нужд вы хотите это использовать, поэтому показываю на своём примере:

HTML5

<script>
function edit_func()
{
    if(button.value == "Привет")
    {
        button.value = "Hello";
    }
    else
    {
        button.value = "Привет";
    }
}
</script>
<input type="button" name="button" onmouseover="edit_func()" value="Привет" />

Добавлено через 3 минуты
Теперь "перевожу" код:

HTML5

1	<input type="button" name="button" onmouseover="edit_func()" value="Привет" />

Это сама кнопка, при наведении на неё мыши срабатывает событие onmouseover, и запускает функцию edit_func(). Пресловутая функция по значению атрибута name присваивает value кнопке

@Zetway · 28.02.2012, 18:35 **[ТС]**

А если она в навигационном баре, вычурная такая? Чтоб цвет меняла?

@Герц · 28.02.2012, 18:52

Lyodik, тебя не смутил раздел? :-)
Нужно использовать псевдокласс hover:

CSS

1
2
3

input[type=button]:hover {
color: red;
}

@Para bellum · 28.02.2012, 19:29

Герц, точно, не туда меня понесло

@Zetway · 03.03.2012, 19:13 **[ТС]**

А объемности кнопке можно добавить кодом или только картинкой?

@Герц · 03.03.2012, 19:29

Объемность можно добавить тенями.

@Zetway · 03.03.2012, 19:53 **[ТС]**

А код можно показать?

@Zetway 14 / 14 / 4 Регистрация: 08.08.2010 Сообщений: 117
		1
	Как сделать так чтоб кнопка менялась если навести на нее мышкой? 28.02.2012, 17:59. Показов 3236. Ответов 7 Метки нет (Все метки) Как сделать так чтоб кнопка менялась если навести на нее мышкой? 0

@Zetway 14 / 14 / 4 Регистрация: 08.08.2010 Сообщений: 117
	28.02.2012, 18:35 [ТС]	3
	А если она в навигационном баре, вычурная такая? Чтоб цвет меняла? Изображения 0

@Para bellum 5755 / 4134 / 1508 Регистрация: 06.01.2011 Сообщений: 11,276
	28.02.2012, 19:29	5
	Герц, точно, не туда меня понесло 0

@Zetway 14 / 14 / 4 Регистрация: 08.08.2010 Сообщений: 117
	03.03.2012, 19:13 [ТС]	6
	А объемности кнопке можно добавить кодом или только картинкой? 0

@Герц 545 / 344 / 12 Регистрация: 05.11.2010 Сообщений: 1,076 Записей в блоге: 1
	03.03.2012, 19:29	7
	Объемность можно добавить тенями. 0

@Zetway 14 / 14 / 4 Регистрация: 08.08.2010 Сообщений: 117
	03.03.2012, 19:53 [ТС]	8
	А код можно показать? 0