Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  

Название темы: Таблицы
Показать сообщение отдельно

Аватара для Prisoner

Engrossed by the Void


Сообщения: 2229
Благодарности: 60

Профиль | Отправить PM | Цитировать


Можно двумя способами:
1)В ячейках таблицы разместить рисунки, поставить им обработку события наведения мыши и события когда мышь покидает область рисунка и в этих обработчиках менять картинки местами - то есть будут две картинки: одна с затемненной надписью, а вторая с подсвеченной, к примеру так:
Код: Выделить весь код
<table>
  <tr>
     <td><img src="img/img1.gif" width="100" height="100" border="0" onmouseover="rollOver('img1',1) onmouseout="rollOver('img1',0) name="img1"></td>
     <td><img src="" width="100" height="100" border="0"  onmouseover="rollOver('img2',1) onmouseout="rollOver('img2',0) name="img2"></td>
  </tr>
</table>
Код обработчика событий для двух картинок.
Код: Выделить весь код
if (document.images) 
  {
   arImgSrc = new Array ("1","2");
   arImgLst = new Array ();
   for (i in arImgSrc) { arImgLst[i] = new Image (); arImgLst[i].src = "img/img" + arImgSrc[i] + "a.gif";}
  }

 function rollOver (imName, over) 
   { 
    if (document.images) 
      { 
       document.images[imName].src = "img/"+imName + (over ? "a" : "") + ".gif"; 
      }
   }
2) Можно сделать рисунки фоном для ячеек и в теле ячейки (она станет свободной от тега img из-за применения фона) просто разместить ссылку тегом a, которую необходимо просто оформить стилями, чтобы она вела себя так как вам нужно.

PS
Цитата:
нужно книжки почитать
100 пудов . Имхо, с этого просто необходимо было начать, ибо база есть суть вещь необходимая зело .

-------
Не могу дать более дельный совет - не хватает системных ресурсов...


Отправлено: 02:59, 04-05-2004 | #4

Название темы: Таблицы