[РАБОТНИЧЕК ]

Background Color Change: Select
18.06.2009, 13:53
При наведении на текст, изменяет цвет фона страницы. Используется навигационное меню.
-----------------------------------------------------------------
Пример использования скрипта:

-----------------------------------------------------------------
Код скрипта:

Вставьте следующий код между тегами <BODY></BODY>

<form action="#" onsubmit="return change_it();">
<select name="change_bg" id="change_bg">
<option selected="selected" value="0">Select Background</option>
<option value="1">Pink</option>
<option value="2">Light Green</option>
<option value="3">White</option>
</select>
<input type="submit" value="Go!" />
</form>
<script type="text/javascript">
function change_it() {

if (document.getElementById && document.createTextNode) {

var new_color = "";
var color_sel = document.getElementById("change_bg").value;
color_sel *= 1;

switch (color_sel) {
case 0 : window.alert("Please select a color."); return false;
case 1 : new_color = "#FFCCFF"; break;
case 2 : new_color = "#CCFFCC"; break;
case 3 : new_color = "#FFFFFF"; break;
}

document.body.style.backgroundColor= new_color;
return false;

}

}
</script>


Категория: Эффекты | Добавил: Администратор
Просмотров: 414 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]