Вы вошли как Гость | Группа "Гости" | RSS

Главная » 2010 » Ноябрь » 3 » Переливающаяся таблица
06:11
Переливающаяся таблица



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

Скрипт поможет вам ожить обычные 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>

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

Источник/Автор: woscripts.com

Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML





    Просмотров: 731 | Добавил: ed127 | Теги: Переливающаяся таблица | Рейтинг: 0.0/0 | |
    Новости по теме:
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Сделать бесплатный сайт с uCoz

    www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
    Загрузка...