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

vovansystems · 17.02.10

суть вот в чём, я хочу сделать кнопку, которую бы при наведении менялась, но что-то делаю неправильно

CSS
.button {background-color:#990000; color:#FFFFFF}
.button1 {background-color:#FF0000; color:#FFFFFF}

JavaScript
function background()
{
a - document.getElementById("cange");
a.className = "button1";
}

Сама кнопка
<form>
<input type="submit" value="Проверка" class="button" id="cange" onmouseover="background();">
</form>

но она не меняется при наведении мыши
чё не так????

jim_von_funk · 04.03.10

походу ты просто не присвоил к переменной a ни чего .. но хочешь с нее что-то получить )
да и вообще для того чтоб менялось обратно значение то нужно было еще и onMouseOut сделать... вот решение...

<html>
<head>
<style>
.button {background-color:#990000; color:#fff;}
.button1 {backgroundcolor:#fff; color:#fff;}

</style>
<script>
function background()
{
a = document.getElementById("cange");
a.className = "button1";
}
function o(){
a = document.getElementById("cange");
a.className = "button";
}
</script>
</head>
<body>
<form>
<input type="submit" value="Check" class="button" id="cange" onMouseOver="background()" onMouseOut="o();">
</form>
</body>
</html>

vovansystems · 11.04.10

блин, вот тупанул!!

ведь реально не присвоил!
спасибо, всё получилось!
p.s. про onmouseout я знаю, просто у меня и первая не получалось)))

jim_von_funk · 10.05.10

))Гг...нечего.. я тоже могу иногда гдето ошибится типа пропустил одну скобку или что-то в этом роде... после долгих танцов с бубном нопимаю что я протупил а компилятор мне нечего не сказал)(..

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

vovansystems

jim_von_funk

vovansystems

jim_von_funk

Поделиться страницей

Статистика форума

О нашем форуме!

Новые пользователи

Что нового?