Изменение цвета случайным образом

Скрипт: Изменение цвета случайным образом
<html> <head> <title>Изменение цвета случайным образом</title> <script type="text/javascript"> // создаем массив цветов var ColorName = new Array("red","green","yellow","black","brown","blue"); function setRandomColor(obj) { obj.style.backgroundColor = ColorName[Math.round(Math.random() * 6)]; } function setDefaultColor(obj) { obj.style.backgroundColor = ""; } </script> </head> <body> <h1 onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)">Изменение цвета случайным образом</h1> <p onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)">В этом примере фон различных объектов (h1, p, td) меняют свой цвет при попадании указателя мыши на объект. При уходе мыши, объекту возвращается старый цвет. Как правило это черный цвет</p> <p onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)">Объект p (абзац). Изменяется фон всего текста, заключенного в теги <p> </p></p> <p onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)">Меняем цвет в ячейках таблицы</p> <table border="1" cellpadding="0" cellspacing="0" width="100%"> <tr> <td onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)" width="50%">Поместите сюда указатель мыши</td> <td onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)">Поместите сюда указатель мыши</td></tr> <tr> <td onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)" width="50%">Поместите сюда указатель мыши</td> <td onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)">Поместите сюда указатель мыши</td></tr> </table> <ul> <li onmouseover="setRandomColor(this)" onmouseout="setDefaultColor(this)">Меняем цвет фона в списке</li> <li>А здесь ничего менять не будем</li> </ul> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Обратно на страницу Скрипты