Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
Olya23 Olya23 1-й за Июнь
Очков активности: 1 278 3 темы, 133 сообщения, 6 баллов репутации
ТОП самых активных за этот месяц
  • Фотография web-coder
    #1

    web-coder (good-hoster.ru)
    Очков активности: 1066.5 0 тем, 79 сообщений, 9 баллов репутации

  • Фотография Андрей WPMasterKZ
    #2

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 708 2 темы, 53 сообщения, 8 баллов репутации

  • Фотография Rodiola
    #3

    Rodiola (rukodelkovo.ru)
    Очков активности: 246 1 тема, 79 сообщений, 2 балла репутации

  • Фотография Megoydagi
    #4

    Megoydagi (24ho.ru)
    Очков активности: 150 4 темы, 13 сообщений, 4 балла репутации

  • Фотография maxnik
    #5

    maxnik (konovalovpavel.ru)
    Очков активности: 130.5 0 тем, 29 сообщений, 3 балла репутации

  • Фотография FIvYUr
    #6

    FIvYUr (moy-evroopt.ru)
    Очков активности: 108 1 тема, 33 сообщения, 2 балла репутации

  • Фотография BLIK
    #7

    BLIK
    Очков активности: 85.5 Вне конкурса за определение пользователя месяца

  • Фотография lena220678
    #8

    lena220678
    Очков активности: 60 3 темы, 31 сообщение, 1 балл репутации

  • Фотография Olya23
    #9

    Olya23
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография katti8907
    #10

    katti8907
    Очков активности: 30 3 темы, 11 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.06.2019
  • Яндекс выдача: 21.07.2019
Топ 5 участников по репутации


Динамические элементы в CSS

#1 Вячеслав

Вячеслав
  • Пользователь
  • 383 сообщений
  • Репутация: 3
0

Отправлено 10 Декабрь 2008 - 21:57

Нашол в сети такой пример >>>
Изменение фона в таблице.

С помощью стилей можно творить даже такие чудеса, как изменение цвета фона таблицы.

Для этого необходимо написать небольшой обработчик соответствующего события, например, попадание курсора мышки в область таблицы:

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

<table id=table onMouseover="table.bgColor='red'" onMouseOut="table.bgColor='white'" bgcolor=white border=1><tr><td>
При наведении курсора мышки на таблицу она поменяет цвет.
</td></tr></table>

При наведении мышки на область таблицы она изменит цвет с белого на красный. Соответственно, когда курсор мышки вновь покинет эту область, она вновь станет белой.

Аналогичным образом можно менять не только цвет, но и фоновый рисунок таблицы.

<<<
Но не могу сообразить как это сделать если код на DIV-ах???
Подскажите кто знает....
Спасибо

Прикрепленные файлы


 

 

  • 0

#2 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 11 Декабрь 2008 - 18:37

1) Вы путаете
CSS - каскадные таблицы стилей. В нем можно задавать классы, идентификаторы, оформления лдля различных элементов, и ничего динамичного, кроме использования хаков в IE + использование ссылочных указателей
:link, :hover и др.

JavaScript - Язык, работающий на стороне клиента (браузера), вызываемый в автономном режиме (не останавливает работоспособность браузера). Изначально писался для украшения страниц различными эффектами, сменами цветов, картинок... Но впоследствии принял очень большую популярность в использовании различных совместных технологий.

В данном случае используются обработчики java script: onMouseOver(при наведении), onMouseOut(При снятии наведения)

Вот тебе пример для блочных элементов DIV'ов
<html>
<head>
</head>
<body>
<div style="background: #c9c9c9;" onMouseOver="this.style.backgroundColor='#000';" onMouseOut="this.style.backgroundColor='#c9c9c9';">
Текст
</div>
</body>
</html>

this - указатель на текущий объект, в котором вызывается событие.
А вообще можно сделать многими способами, например написать собственный обработчик в JS :)
  • 0

#3 Вячеслав

Вячеслав
    Topic Starter
  • Пользователь
  • 383 сообщений
  • Репутация: 3

Отправлено 12 Декабрь 2008 - 21:27

Спасибо
  • 0

#4 Вячеслав

Вячеслав
    Topic Starter
  • Пользователь
  • 383 сообщений
  • Репутация: 3

Отправлено 12 Декабрь 2008 - 21:30

Понятно...Спасибо.
this>>> тоесть в определенном месте указав c помощю THIS какойто элемент , я при новедении курсора могу изменить этот элемент (который находится в другом месте (блоке таблици) ?
  • 0

#5 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 12 Декабрь 2008 - 23:09

Нет, не правильно ты меня понял...
Почти у каждого элемента на HTML странице есть обработчики. JS присуще ссылки на объекты(Элементы).
this - указывает на объект из которого вызывается (в примере выше это был DIV как мы видим)
document - ссылается на текущий документ (в нашем примере весь наш HTML документ)
window - ссылается на текущее окно, у которого то же есть определенные свойства, подробнее можно почитать в инете :)
Или спрашивай тут, что знаю, то отвечу :(
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru