Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

про css2

381
28 декабря 2003 года
qik
116 / / 20.06.2000
ЛЮДИ, помогите сделать так, чтобы при наведении на кусок таблицы менялся бакграунд и при сведении менялся на прежний. Я где-то видел скрипт на яве для этого дела, но нельзя ли это сделать средствами css2?
291
28 декабря 2003 года
gufy
703 / / 08.01.2003
насколько мне известно, это возможно только средствами JavaScript
Хотя вообще вопрос по части г-на Flying-а, он профи в области CSS ")
381
28 декабря 2003 года
qik
116 / / 20.06.2000
Цитата:
Originally posted by gufy
насколько мне известно, это возможно только средствами JavaScript
Хотя вообще вопрос по части г-на Flying-а, он профи в области CSS ")


а как к нему обратиться?

291
28 декабря 2003 года
gufy
703 / / 08.01.2003
http://forum.codenet.ru/member.php?s=&action=mailform&userid=1303

можешь сослаться на меня
1.6K
28 декабря 2003 года
Tdr
154 / / 13.11.2003
Цитата:
Originally posted by qik
ЛЮДИ, помогите сделать так, чтобы при наведении на кусок таблицы менялся бакграунд и при сведении менялся на прежний. Я где-то видел скрипт на яве для этого дела, но нельзя ли это сделать средствами css2?



>3.14. Как сделать так, чтобы при наведении мышки какой-либо отличный от ссылки
>элемент (скажем, ячейка таблицы) поменял оформление (например, фоновый цвет)
Категорически не рекомендуется пользоваться скриптами типа
<td onmouseover="...">

В CSS2 псевдокласс :hover может быть применен не только к ссылке, но и
к любому другому элементу. Hо, к сожалению, 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='';
}
//--></script>

Теперь все ячейки таблиц при наведении мышки будут подсвечиваться.

Разумеется, можно использовать td.className:hover и td#idName:hover
для подсветки ячеек определенного стиля или конкретной ячейки.
&copy; ru.html.chainik

372
28 декабря 2003 года
Flying
312 / / 20.09.2000
Цитата:
Originally posted by gufy
насколько мне известно, это возможно только средствами JavaScript
Хотя вообще вопрос по части г-на Flying-а, он профи в области CSS ")



:)

А вообще подобная вещь действительно делается элементарно средствами CSS2 с использованием псевдо-класса :hover

Пример:

Код:
<html>
<head>
<style type="text/css">
#cell {background-image: url(normal.gif)}
#cell:hover {background-image: url(hover.gif)}
</style>
</head>
<body>
    <table>
        <tr>
            <td id="cell" style="width: 100px; height: 50px">some text</td>
        </tr>
    </table>
</body>
</html>


Отлично работает в Mozilla и Opera 7, в IE работать не будет по причине того, что в нем :hover разрешен только для ссылок (подробнее - на сайте Microsoft)
393
28 декабря 2003 года
Couger
128 / / 13.04.2003
Всё можно сделать еще проще...

<td onMouseout="this.style.backgroundColor='#660066';" onMouseover="this.style.backgroundColor='#cc00cc';">

Работает везде...
381
28 декабря 2003 года
qik
116 / / 20.06.2000
Цитата:
Originally posted by Couger
Всё можно сделать еще проще...
<tdonMouseout="this.style.backgroundColor='#660066';" onMouseover="this.style.backgroundColor='#cc00cc';">
Работает везде...



а че тогда в приведенном Tdr'ом куске нарисанно

Цитата:

Категорически не рекомендуется пользоваться скриптами типа
<td onmouseover="...">


а?

291
30 декабря 2003 года
gufy
703 / / 08.01.2003
просто представь себе таблицу с необходимостью подсветки 100 ячеек. не затрахаешься ли, милый друг? к тому же огромный код, загруженность js-выполнения и т.д.
381
30 декабря 2003 года
qik
116 / / 20.06.2000
Цитата:
Originally posted by gufy
просто представь себе таблицу с необходимостью подсветки 100 ячеек. не затрахаешься ли, милый друг? к тому же огромный код, загруженность js-выполнения и т.д.


да я же не против, ..... скажи, мне всетаки через .htc делать?

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог