![]() |
Как поменять цвет при наведении
Народ, подскажите как поменять цвет ячейки таблицы при наведении не используя яваскрипт... может есть такое в css типа hover или похожее :help:
|
кусок найденного...
---------------------------------------------------------------------- Как сделать так, чтобы при наведении мышки какой-либо отличный от ссылки элемент (скажем, ячейка таблицы) поменял оформление (например, фоновый цвет) Категорически не рекомендуется пользоваться скриптами типа <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'"> вроде бы нормально работает... |
ну типа не элЭгантно... Ж) сейчас же мода всё хочет через CSS, да всякие .htc (чё за дрянь?) :)... зато если разoбрался приятно, и не надо каждой ячейке прописывать свойства.... и код меньше :)
|
| Часовой пояс GMT +4, время: 00:24. |
Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.