Главная » 2010 » Август » 20 » Переливающаяся таблица (Javascript)
20.08.2010, 16:03

Переливающаяся таблица



Скрипт поможет вам ожить обычные html таблицы и сделать переливающимися разными цветами. Для этого необходимо в head вставить это:

Code
<!-- Begin
IE = (document.all);
if (IE) {
  var chidc = new Array();
  var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
  var chidn = new Array(100,70,40);
  var step = new Array(10,10,10);
  var chway = new Array(step[0],step[1],step[2]);
  var tone = new Array(1,1,1);
  function chcol() {
  for (i=0; i<3; i++) {
  chidn[i]+=chway[i];
  if (chidn[i]>=255) {
  chidn[i] = 255;
  chway[i] = -step[i];
  }
  else if (chidn[i]<=40) {
  chidn[i] = 40;
  chway[i] = step[i];
  tone[i]>=3? tone[i] = 1:tone[i]++;
  }
  col1 = hexc[Math.floor(chidn[i]/16)];
  col2 = hexc[chidn[i]%16];
  tored = '';
  toblue = '';
  for (j=1; j<tone[i]; j++) tored+='00';
  for (j=3; j>tone[i]; j--) toblue+='00';
  chidc[i] = '#'+tored+col1+col2+toblue;
  td = eval('document.all.chcol'+i);
  td.style.backgroundColor = chidc[i];
  }
  setTimeout('chcol()',100);
  }
}
// End -->
</script>

А в body добавить это:

Quote
<center>
<table cellspacing=2 cellpadding=0 bgcolor=#999999 width=300>
<tr>
<td width=33% align=center id=chcol0 name=id=chcol0>
<font color=white>Left</td>
<td width=33% align=center id=chcol1 name=id=chcol0>
<font color=white>To</td>
<td width=33% align=center id=chcol2 name=id=chcol0>
<font color=white>Right</td>
</tr>
</table>
</center>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
chcol();
// End -->
</script>

Другие таблицы оформляем по аналогии.

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: woscripts.com
Категория: JavaScript's | Просмотров: 2664 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: таблица, Переливающаяся
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]