• Страница 1 из 1
  • 1
наведение мыши на один элемент отображает второй
nеmo
Дата: Воскресенье, 16.08.2009, 21:09 | Сообщение # 1
Группа: Удаленные
Возможно ли на css зделать такой алгоритм.
Показывать div 1 с свойством (display:none) только после наводки div 2 с свойством (:hover{display:block})
или только по javascript?
  
uWeb
Дата: Воскресенье, 16.08.2009, 21:30 | Сообщение # 2
молчун
Группа: Проверенные
Пользователь №: 11
Сообщений: 29
Получено оценок: 3
это js smile
  
nеmo
Дата: Воскресенье, 16.08.2009, 21:31 | Сообщение # 3
Группа: Удаленные
sad жаль-ко
хотя в голове укладывается дугой варияант. happy


Сообщение отредактировал nеmo - Воскресенье, 16.08.2009, 21:35
  
Aleko
Дата: Понедельник, 17.08.2009, 00:20 | Сообщение # 4
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Drago, не знаешь, не лезь!

nеmo, запросто. На этом принципе построена добрая половина выпадающих меню.

Code
<style>
div1 {display:none;}
div2:hover div1 {display:block !important}
</style>


Бесплатные обои.
  
nеmo
Дата: Понедельник, 17.08.2009, 00:24 | Сообщение # 5
Группа: Удаленные
Many thanks!! Many thanks.. Aleko!! happy
  
bred
Дата: Понедельник, 24.08.2009, 16:17 | Сообщение # 6
Группа: Удаленные
Не решился создавать новую тему, но вот вопрос:
как сделать, чтобы при наведении курсора мышки на текст или изображение появлялась рамочка где был бы текст, поясняющий что это. Я думаю вы поняли. И вообще Aleko, ты крут что форум сделал, не закрывай его. Диз просто отменный!
  
MadeMan
Дата: Понедельник, 24.08.2009, 17:39 | Сообщение # 7
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
bred, как я правильно понял, это title и alt, но это делается через html.

Сообщение отредактировал MadeMan - Понедельник, 24.08.2009, 17:46
  
nеmo
Дата: Понедельник, 24.08.2009, 18:18 | Сообщение # 8
Группа: Удаленные
bred,
html
Code
<a href="ссылка">название ссылки<span>описание ссылки</span></a>

css
Code
a:hover{position:relative}
a span{display:none;bottom:20px;left:20px}
a:hover span{position:absolute;text-align:left;padding:5px;display:block;color:#eee;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7}

- непроверял, должно работать.
обизательно нужно писать <a> <span> потомучто ie5, ie6 другие блоки невидят


Сообщение отредактировал nеmo - Понедельник, 24.08.2009, 18:23
  
dancelot
Дата: Понедельник, 24.08.2009, 18:52 | Сообщение # 9
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
bred, а если поискать по форуму?) глядишь и найдешь:

http://studioad.ru/forum/12-89-1

  
bred
Дата: Понедельник, 24.08.2009, 20:16 | Сообщение # 10
Группа: Удаленные
dancelot, спасибо! O_o
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.