| imho.ws |
![]() |
|
|
|
# 1 |
|
::VIP::
Регистрация: 15.05.2005
Адрес: Питер
Сообщения: 1 194
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
Как поменять цвет при наведении
Народ, подскажите как поменять цвет ячейки таблицы при наведении не используя яваскрипт... может есть такое в css типа hover или похожее
__________________
Чтобы воля стала действующим началом, тело должно быть совершенным. |
|
|
|
|
# 2 |
|
::VIP::
Регистрация: 09.09.2002
Адрес: Kiev
Пол: Male
Сообщения: 1 150
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
кусок найденного...
---------------------------------------------------------------------- Как сделать так, чтобы при наведении мышки какой-либо отличный от ссылки элемент (скажем, ячейка таблицы) поменял оформление (например, фоновый цвет) Категорически не рекомендуется пользоваться скриптами типа <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. |
|
|
|
|
# 3 |
|
Registered User
Регистрация: 27.03.2002
Адрес: дома
Сообщения: 1 660
![]() ![]() |
ну типа не элЭгантно... Ж) сейчас же мода всё хочет через CSS, да всякие .htc (чё за дрянь?)
... зато если разoбрался приятно, и не надо каждой ячейке прописывать свойства.... и код меньше
__________________
Всё будет хорошо! |
|
|