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

Background Color Change on Mouseover
18.06.2009, 13:50
При наведении на текст, изменяет цвет фона страницы
-----------------------------------------------------------------
Пример использования скрипта:

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

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

<a href="#" class="change_bg">Pink</a>
<a href="#" class="change_bg">Light Green</a>
<a href="#" class="change_bg">White</a>
<script type="text/javascript">
if (document.getElementById && document.createTextNode) {

var default_color = "#FFFFFF";

var bg_colors = new Array()
bg_colors[0] = "#FFCCFF"; // first link
bg_colors[1] = "#CCFFCC"; // second link
bg_colors[2] = "#FFFFFF"; // third link

var the_links = document.getElementsByTagName("a");
var bg_links = new Array();

for (var b=0; b<the_links.length; b++) {
if (the_links[b].className == "change_bg") {
bg_links.push(the_links[b]);
}
}

if (bg_colors.length < bg_links.length) {
while (bg_colors.length < bg_links.length) {
bg_colors.push(default_color);
}
}

function newEvent(c) {

if (typeof bg_links[c].addEventListener != "undefined") {
bg_links[c].addEventListener("mouseover", function() { document.body.style.backgroundColor=bg_colors[c]; }, false);
}

else if (typeof bg_links[c].attachEvent != "undefined" ) {
bg_links[c].attachEvent("onmouseover", function() { document.body.style.backgroundColor=bg_colors[c]; } );
}

else {
bg_links[c].onmouseover = function() { document.body.style.backgroundColor=bg_colors[c]; };
}

}

for (var d=0; d<bg_links.length; d++) {
newEvent(d);
}

}
</script>

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