При наведении курсора мыши по кнопке, кнопка заменяет свой цвет. Для просмотра скрипта в работе (у вас должен быть включен в браузере Java Script) нажмите кнопку посмотреть пример.
<CENTER>
<FONT color="#20ffff"><h3><CENTER>Вы смотрите пример работы скрипта Цветная кнопка!<BR> Для просмотра скрипта наведите курсор мыши на кнопку.</CENTER></h3></FONT color>
<style type="text/css">
.bigChange {color:#006600; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:yellow}
.start {color:yellow; background:#006600; bolder: Lime; }
</STYLE>
</head>
<SCRIPT LANGUAGE=JAVASCRIPT>
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
}
</SCRIPT>
<FORM NAME=highlight onmouseover="highlightButton('start')" onmouseout="highlightButton('')">
<input type="button" value="Пример!" style="border-color: #ff00c0;">
</FORM>
<BODY onUnload="ByeWin()" bgcolor="#923947">
<CENTER>
<FONT color="#20ffff"><h3><CENTER>Вы смотрите пример работы скрипта Цветная кнопка!<BR> Для просмотра скрипта наведите курсор мыши на кнопку.</CENTER></h3></FONT color>
<style type="text/css">
.bigChange {color:#006600; font-weight:bolder; font-size:175%; letter-spacing:4px; text-transform: uppercase; background:yellow}
.start {color:yellow; background:#006600; bolder: Lime; }
</STYLE>
</head>
<SCRIPT LANGUAGE=JAVASCRIPT>
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
}
</SCRIPT>
<FORM NAME=highlight onmouseover="highlightButton('start')" onmouseout="highlightButton('')">
<input type="button" value="Пример!" style="border-color: #ff00c0;">
</FORM>
<BODY onUnload="ByeWin()" bgcolor="#923947">
Вы смотрите пример работы скрипта Цветная кнопка!
Для просмотра скрипта наведите курсор мыши на кнопку.
Для просмотра скрипта наведите курсор мыши на кнопку.
Комментариев нет:
Отправить комментарий