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


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 510 9 тем, 58 сообщений, 4 балла репутации

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

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

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

    Ixman (o5cat.ru)
    Очков активности: 216 0 тем, 24 сообщения, 6 баллов репутации

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

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

  • Фотография Игорь Ку
    #5

    Игорь Ку (dudesday.ru)
    Очков активности: 126 4 темы, 9 сообщений, 4 балла репутации

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

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

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 66 8 тем, 20 сообщений, 1 балл репутации

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

    yuran (yurbol.ru)
    Очков активности: 37.5 1 тема, 22 сообщения, 1 балл репутации

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

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

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

    falka (mygoodjob.ru)
    Очков активности: 16.5 3 темы, 2 сообщения, 1 балл репутации

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

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 20.10.2018
Топ 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