|
кусок найденного...
----------------------------------------------------------------------
Как сделать так, чтобы при наведении мышки какой-либо отличный
от ссылки элемент (скажем, ячейка таблицы) поменял оформление
(например, фоновый цвет)
Категорически не рекомендуется пользоваться скриптами типа
<td onMouseOver="...">
В CSS2 псевдокласс :hover может быть применен не только к ссылке, но и
к любому другому элементу. Но, к сожалению, IE не поддерживает эту
возможность. Поэтому поступаем так - пишем в стилях:
td{...styles...;behavior:url('td.htc');} /* работает в IE4+ */
td:hover{background-color:#RRGGBB;} /* стандарт CSS2, работает в NN6/Mozilla */
И создаем файл td.htc, в котором пишем:
<public:attach event="onmouseover" onevent="color()"/>
<public:attach event="onmouseout" onevent="restore()"/>
<script language="JavaScript" type="text/javascript"><!--
function color() {runtimeStyle.backgroundColor='#RRGGBB';}
function restore() {runtimeStyle.backgroundColor='';}
Теперь все ячейки таблиц при наведении мышки будут подсвечиваться.
Разумеется, можно использовать td.className:hover и td#idName:hover
для подсветки ячеек определенного стиля или конкретной ячейки.
----------------------------------------------------------------------
проверять не проверял
кстати, а почему нельзя использовать <td onMouseOver="...">?
<td onMouseOver="this.style.background='red'" onMouseOut="this.style.background='white'">
вроде бы нормально работает...
__________________
Great minds discuss ideas. Average minds discuss events. Small minds discuss people.
Последний раз редактировалось BorLase; 28.12.2005 в 00:27.
|