PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

затемнение div при наведении

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

alexiy	Отправлено: 18 Марта, 2013 - 12:07:55
Посетитель Покинул форум Сообщений всего: 483 Дата рег-ции: Янв. 2011 Помог: 6 раз(а)	есть CODE (html): скопировать код в буфер обмена <div id = "group"> <div class = "sub_group></div> <div class = "sub_group></div> <div class = "sub_group></div> <div class = "sub_group></div> </div> как средствами JQuery сделать так, что бы при наведении на один из блоков, все остальные бы затемнялись?

DeepVarvar	Отправлено: 18 Марта, 2013 - 12:15:15
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	А так не пойдет: CODE (css): скопировать код в буфер обмена #group:hover .sub_group { /затемнение/ } #group:hover .sub_group:hover { /осветление выделенного/ } ??? ----- Шта? Репозиторий?

DelphinPRO	Отправлено: 18 Марта, 2013 - 12:25:44
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	используя передовые возможности CODE (css): скопировать код в буфер обмена #group:hover .sub_group:not(:hover) { // Затемнить } http://jsfiddle[dot]net/DelphinPRO/2pa9d/ (Отредактировано автором: 18 Марта, 2013 - 12:26:06) ----- Чем больше узнаю, тем больше я не знаю.

DeepVarvar	Отправлено: 18 Марта, 2013 - 12:35:49
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	DelphinPRO пишет: используя передовые возможности А седьмая ослина понимает? ----- Шта? Репозиторий?

alexiy	Отправлено: 18 Марта, 2013 - 12:52:24
Посетитель Покинул форум Сообщений всего: 483 Дата рег-ции: Янв. 2011 Помог: 6 раз(а)	DeepVarvar ,понимает (Отредактировано автором: 18 Марта, 2013 - 12:59:12)

DeepVarvar	Отправлено: 18 Марта, 2013 - 12:58:08
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	alexiy, запрятую поставь, ато кажется что DeepVarvar - это седьмая ослина, и все понимает Казнить нельзя помиловать... ----- Шта? Репозиторий?

DelphinPRO	Отправлено: 18 Марта, 2013 - 13:11:03
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	DeepVarvar пишет: А седьмая ослина понимает? нет, конечно тут даже IE8 пасует. это просто пример возможностей. на практике использовать на свой страх и риск (риск получить пиндюлей от клиента, у которого седьмой ишак на ноуте ) DeepVarvar пишет: запрятую поставь ----- Чем больше узнаю, тем больше я не знаю.

alexiy	Отправлено: 18 Марта, 2013 - 13:21:41
Посетитель Покинул форум Сообщений всего: 483 Дата рег-ции: Янв. 2011 Помог: 6 раз(а)	DelphinPRO DeepVarvar а как сделать так, чтобы при затемнении фон был бы поверх всего? там есть еще изображения и так далее, как фон разместить поверх? (Отредактировано автором: 18 Марта, 2013 - 13:23:23)

nerv	Отправлено: 18 Марта, 2013 - 13:32:49
Посетитель Покинул форум Сообщений всего: 407 Дата рег-ции: Февр. 2013 Откуда: Россия Помог: 9 раз(а)	в продолжение темы css3 http://jsfiddle[dot]net/2pa9d/1/ alexiy пишет: фон был бы поверх всего? фон на то он и фон, что поверх всего быть не может Может быть блок с фоном (z-index) (Отредактировано автором: 18 Марта, 2013 - 13:36:24) ----- Чебурашка стал символом олимпийских игр. А чего достиг ты? Тишина - самый громкий звук

alexiy	Отправлено: 18 Марта, 2013 - 13:50:30
Посетитель Покинул форум Сообщений всего: 483 Дата рег-ции: Янв. 2011 Помог: 6 раз(а)	nerv твоя правда, я сделал блок который хочу накладывать, просто он накладывается нормально, но если учесть ситуацию когда наводится мышка на блок, на который нужно накладывать другой блок, все остальные блоки смещаются в одну кучу, как сделать так, чтобы при наведении накладывался блок(с прозрачностью) именно на другие блоки а на наведенном блоке ничего не происходило бы? (Отредактировано автором: 18 Марта, 2013 - 13:52:05)

nerv	Отправлено: 18 Марта, 2013 - 14:00:46
Посетитель Покинул форум Сообщений всего: 407 Дата рег-ции: Февр. 2013 Откуда: Россия Помог: 9 раз(а)	alexiy пишет: я сделал блок который хочу накладывать, просто он накладывается нормально, но если учесть ситуацию когда наводится мышка на блок, на который нужно накладывать другой блок, все остальные блоки смещаются в одну кучу, как сделать так, чтобы при наведении накладывался блок(с прозрачностью) именно на другие блоки а на наведенном блоке ничего не происходило бы? ничего не понял пример в песочнице? ----- Чебурашка стал символом олимпийских игр. А чего достиг ты? Тишина - самый громкий звук

DelphinPRO	Отправлено: 18 Марта, 2013 - 14:29:56
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	внутрь каждого блока вкладываем пустой div с полупрозрачным фоном и абсолютным позиционированием (или юзаем псевдо-элементы) при наведении - делаем им display: block (изначально скрыты) принцип селекции - тот же , что и выше. ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.