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


Пользователь месяца
magnet magnet 1-й за Январь
Очков активности: 621 0 тем, 69 сообщений, 6 баллов репутации
Сайт: rbfxdirect.com
ТОП самых активных за этот месяц
  • Фотография OlgaGetman
    #1

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

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

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 592.5 Вне конкурса за определение пользователя месяца

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

    BLIK
    Очков активности: 585 0 тем, 39 сообщений, 10 баллов репутации

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 577.5 Вне конкурса за определение пользователя месяца

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

    Ixman (o5cat.ru)
    Очков активности: 480 Вне конкурса за определение пользователя месяца

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

    Mandarin
    Очков активности: 232.5 0 тем, 31 сообщение, 5 баллов репутации

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

    r0mZet (rz-style.ru)
    Очков активности: 108 0 тем, 18 сообщений, 4 балла репутации

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

    magnet (rbfxdirect.com)
    Очков активности: 105 Вне конкурса за определение пользователя месяца

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

    pozitron123
    Очков активности: 54 4 темы, 24 сообщения, 1 балл репутации

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

    player09
    Очков активности: 45 4 темы, 18 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Новый Teasernet

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


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

#1 Вячеслав

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

Отправлено 10 December 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
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 11 December 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
  • Пользователь
  • 381 сообщений
  • Репутация: 2

Отправлено 12 December 2008 - 21:27

Спасибо
  • 0

#4 Вячеслав

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

Отправлено 12 December 2008 - 21:30

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

#5 ZiTosS

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

Отправлено 12 December 2008 - 23:09

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



Похожие темы

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

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