При наведении на текст, изменяет цвет фона страницы ----------------------------------------------------------------- Пример использования скрипта:
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>
|