Войти

Показать полную графическую версию : Изменение цвета фона ячейки таблицы

Pawel gor
10-10-2003, 13:06
Я видал сайты, на которых при наведении курсора мыши на ячейку тыблицы, эта ячейка меняет цвет. Как это можно сделать?
Vlad Drakula
10-10-2003, 14:52
<td onmouseover=”this.style.bgcolor=#FFFFFF” onmouseuot=”this.style.bgcolor=#000000”></td>
Ginger
10-10-2003, 15:08
<table border=1 width=100%>
<tr><td width=100% bgcolor=#ffffff onmouseover="style.background='black'" onmouseout="style.background='white'"><font color=green>COOL</font></td></tr>
</table>
Agent Comanche
10-10-2003, 16:08
лучше через функции, ячейка-то не одна будет....
Pawel gor
11-10-2003, 10:34
Agent Comanche
лучше через функции, ячейка-то не одна будет....
Т. е. как это?


Добавлено:

Спасибо Ginger, все работает. Вот токо ест ли такая возможность, что  б какой либо ячейке дать имя,и при наведении на какой либо обьект изменялся цвет той ячейки (которой дали имя)
Ginger
11-10-2003, 23:34
Pawel gor
да.
жава:
function change_color(clr)
{
tab.style.background=clr;
}

таблица

<table border=1 width=100%>
<tr><td id="tab" width=100% bgcolor=#990000 onmouseover="change_color('#ffffff')" onmouseout="change_color('black')"><font color=green>COOL</font></td></tr>
</table>
Agent Comanche
12-10-2003, 00:19
Ginger
Сиё будет работать только в ие

Pawel gor
<script type="text/javascript">
function on(id) {document.getElementById(id).style.backgroundColor="#f00";}
function off(id) {document.getElementById(id).style.backgroundColor="#000";}
</script>

Для элемента:

onmouseover="on('id_элемента');" onmouseout="off('id_элемента');"



© OSzone.net 2001-2012