|
| |
|
|
| |
для: cheops
(16.05.2011 в 06:42)
| | | Здорово. Попробую. Может там лучше выйдет, чтобы блоки не исчезали. Спасибо. | |
| |
|
|
| |
|
|
| |
для: Maxam
(16.05.2011 в 01:37)
| | | >Я тут подумал, а можно ли <li> использовать?
Почему нет, назначайте этим блокам свойство display: inline и они вытянуться в горизонтальную строку. Оформление списка также можно убрать при помощи CSS. | |
| |
|
|
| |
|
|
| |
для: Maxam
(13.05.2011 в 22:35)
| | | Я тут подумал, а можно ли <li> использовать? Только не вертикально, а горизонтально? Просто эти ссылки, при наведении на которые появляются блоки могут быть длиннее строки (две, три и больше). | |
| |
|
|
| |
|
|
| |
для: Maxam
(13.05.2011 в 22:35)
| | | 1. Тег <SPAN> по умолчанию имеет display == inline, поэтому немного странно видеть конструкцию, меняющую это свойство с изначального линейного на блочный.
2. Тег <SPAN> у Вас содержит как "текстовые ноды" (пробелы, переводы строк), так и "внутренние" теги (Вы их назвали "списком ссылок").
3. Попадание курсора мыши на любой из тегов, входящих вовнутрь тега <SPAN> автоматически вызывает срабатывание события onmouseout для этого <SPAN>, что приводит к безусловному переводу его свойства display в состояние none.
Выводы:
а) тег <SPAN> следует заменить на какой-либо блочный тег (например - <DIV>)
б) функцию по событию onmouseout дополнить условием, кое будет проверять - является ли элемент, над которым в данный момент находится курсор мыши, дочерним элементом для внешнего (стилем display которого Вы управляете). Если дочерний - ничего не делаете, если курсор вышел за пределы внешнего элемента - скрываете.
[поправлено модератором] | |
| |
|
|
| |
|
|
| |
для: cheops
(13.05.2011 в 23:10)
| | | А в jQuery что может подойти для этого? | |
| |
|
|
| |
|
|
| |
для: cheops
(13.05.2011 в 23:10)
| | | Вложить span между <a...</a>? | |
| |
|
|
| |
|
|
| |
для: Maxam
(13.05.2011 в 22:35)
| | | Мышь проскакивает и событие не фиксируется... лучше jQuery воспользоваться - там помоему это понадежнее реализовано. А вообще это реализуется размещением обработчика повыше и отслеживанием события на всплытии и погружении, т.е. когда событие адресованное вложенном элементу на самом деле перехватывается родителем. Это позволяет двигать мышью по родителю и всегда знать, что событие будет адекватно обработано, так как будет действовать и за пределами вложенного объекта. | |
| |
|
|
| |
|
|
| | Конструкция такая:
<span style="position:relative">
<span id="span" style="display:none; position:absolute"
onmouseOver="*span*.display='block'"
onmouseOut="*span*.display='none'">
###
</span>
</span>
<a href="***"
onmouseOver="*span*.display='block'"
onmouseOut="*span*.display='none'"
>***</a>
|
, где:
*span* - это window.getdocumentbyid('span')
*** - ссылка или текст
### - список ссылок
|
Т.е. при навидении на ссылку появляется блок ниже ссылки, там ещё ссылки. Когда навожу на этот блок он или сразу исчезает, или исчезает через некоторое время "брожения" мышкой на блоке (например, пока выбираешь нужную ссылку из списка). Почему? | |
| |
|
|
|
