Главная » 2009 » Сентябрь » 25 » Кнопка менят цвет при наведении курсора (Javascript)
25.09.2009, 19:08

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



Эта кнопка меняет цвет, если на нее навести курсор мышки.

Ставим в body:

Quote
<form onmouseout="change('#00FF00')" onmouseover="change('yellow')">
<p><input class="initial2" onclick="jumpto2('http://webscripts.ucoz.ru/')"
type="button" value="webscripts.ucoz.ru"
style="font-family: MS Sans Serif; font-size: 8; background-color: rgb(0,255,0); font-weight: normal"></p>
</form>

<script>
<!--
function change(color){
var el=event.srcElement
if (el.tagName=="INPUT"&&el.type=="button")
event.srcElement.style.backgroundColor=color
}

function jumpto2(url){
window.location=url
}
//-->
</script>

Красным выделен цвет кнопки, до наведения на нее курсора. Синим - после наведения.

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2673 | Добавил: antisept | Рейтинг: 3.0/1 |
Теги: Кнопка менят цвет при наведении кур
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]