Главная » 2010 » Март » 21 » Интерактивная таблица цветов (Javascript)
21.03.2010, 13:11

Интерактивная таблица цветов



Если подвести курсор мыши к любой ячейки такой таблице цветов, то весь экран подсветиться соответствующим цветом. А главное, сам скрипт занимает очень мало места.

В head ставим это:

Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function makeArray(q){
for(i=1 ; i <= q ; i++){this[i]=0}}
Colors = new makeArray(7);
Colors[1] = "00";
Colors[2] = "33";
Colors[3] = "66";
Colors[4] = "99";
Colors[5] = "CC";
Colors[6] = "FF";
// End -->
</SCRIPT>

В body - это:

Code
<CENTER>
<center>
<table cellspacing = 0 cellpadding = 0>
<script language="JavaScript">
for(i=1 ; i <= 6 ; i++){
for(j=1 ; j <= 6 ; j++){
for(k=1 ; k <= 6 ; k++){
var thiscolor = Colors[i] + Colors[j] + Colors[k];
document.writeln("<tr><td height = 20 bgcolor = \"#" + thiscolor + "\" align = right><a href = ");
document.writeln("\'\' onMouseOver = \"document.bgColor = \'" + thiscolor + "\'\">" + thiscolor + "</a></td></tr>");
  }
  }
}
</script>
</table>
</CENTER>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: The Radiance Group
Категория: JavaScript's | Просмотров: 3124 | Добавил: antisept | Рейтинг: 5.0/1 |
Теги: таблица, интерактивная, цветов
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]