IMHO.WS

IMHO.WS (https://www.imho.ws/index.php)
-   Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)
-   -   Как поменять цвет при наведении (https://www.imho.ws/showthread.php?t=97853)

Naked 27.12.2005 18:59

Как поменять цвет при наведении
 
Народ, подскажите как поменять цвет ячейки таблицы при наведении не используя яваскрипт... может есть такое в css типа hover или похожее :help:

BorLase 28.12.2005 00:17

кусок найденного...

----------------------------------------------------------------------
Как сделать так, чтобы при наведении мышки какой-либо отличный
от ссылки элемент (скажем, ячейка таблицы) поменял оформление
(например, фоновый цвет)

Категорически не рекомендуется пользоваться скриптами типа
<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'">

вроде бы нормально работает...

Stasik 28.12.2005 01:24

ну типа не элЭгантно... Ж) сейчас же мода всё хочет через CSS, да всякие .htc (чё за дрянь?) :)... зато если разoбрался приятно, и не надо каждой ячейке прописывать свойства.... и код меньше :)


Часовой пояс GMT +4, время: 00:24.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.