Форумы портала PHP.SU :: Версия для печати :: затемнение div при наведении

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: затемнение div при наведении

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » затемнение div при наведении

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

1. alexiy - 18 Марта, 2013 - 12:07:55 - перейти к сообщению

есть

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 сделать так, что бы при наведении на один из блоков, все остальные бы затемнялись?

2. DeepVarvar - 18 Марта, 2013 - 12:15:15 - перейти к сообщению

А так не пойдет:

CODE (css):
скопировать код в буфер обмена

#group:hover .sub_group {
  /*затемнение*/
}
 
#group:hover .sub_group:hover {
  /*осветление выделенного*/
}

???

3. DelphinPRO - 18 Марта, 2013 - 12:25:44 - перейти к сообщению

используя передовые возможности Улыбка

CODE (css):
скопировать код в буфер обмена

#group:hover .sub_group:not(:hover) {
    // Затемнить
}

http://jsfiddle[dot]net/DelphinPRO/2pa9d/

4. DeepVarvar - 18 Марта, 2013 - 12:35:49 - перейти к сообщению

DelphinPRO пишет:

используя передовые возможности

А седьмая ослина понимает?

5. alexiy - 18 Марта, 2013 - 12:52:24 - перейти к сообщению

DeepVarvar ,понимает

6. DeepVarvar - 18 Марта, 2013 - 12:58:08 - перейти к сообщению

alexiy, запрятую поставь, ато кажется что DeepVarvar - это седьмая ослина, и все понимает Ха-ха

Казнить нельзя помиловать...

7. DelphinPRO - 18 Марта, 2013 - 13:11:03 - перейти к сообщению

DeepVarvar пишет:

А седьмая ослина понимает?

нет, конечно Улыбка

тут даже IE8 пасует.
это просто пример возможностей. на практике использовать на свой страх и риск (риск получить пиндюлей от клиента, у которого седьмой ишак на ноуте Улыбка

)

DeepVarvar пишет:

запрятую поставь

8. alexiy - 18 Марта, 2013 - 13:21:41 - перейти к сообщению

DelphinPRO DeepVarvar а как сделать так, чтобы при затемнении фон был бы поверх всего? там есть еще изображения и так далее, как фон разместить поверх?

9. nerv - 18 Марта, 2013 - 13:32:49 - перейти к сообщению

в продолжение темы css3 http://jsfiddle[dot]net/2pa9d/1/

alexiy пишет:

фон был бы поверх всего?

фон на то он и фон, что поверх всего быть не может Улыбка

Может быть блок с фоном (z-index)

10. alexiy - 18 Марта, 2013 - 13:50:30 - перейти к сообщению

nerv твоя правда, я сделал блок который хочу накладывать, просто он накладывается нормально, но если учесть ситуацию когда наводится мышка на блок, на который нужно накладывать другой блок, все остальные блоки смещаются в одну кучу, как сделать так, чтобы при наведении накладывался блок(с прозрачностью) именно на другие блоки а на наведенном блоке ничего не происходило бы?

11. nerv - 18 Марта, 2013 - 14:00:46 - перейти к сообщению

alexiy пишет:

я сделал блок который хочу накладывать, просто он накладывается нормально, но если учесть ситуацию когда наводится мышка на блок, на который нужно накладывать другой блок, все остальные блоки смещаются в одну кучу, как сделать так, чтобы при наведении накладывался блок(с прозрачностью) именно на другие блоки а на наведенном блоке ничего не происходило бы?

ничего не понял Улыбка

пример в песочнице?

12. DelphinPRO - 18 Марта, 2013 - 14:29:56 - перейти к сообщению

внутрь каждого блока вкладываем пустой div с полупрозрачным фоном и абсолютным позиционированием (или юзаем псевдо-элементы)
при наведении - делаем им display: block (изначально скрыты)
принцип селекции - тот же , что и выше.