При наведении на ссылку, возикновение вправо.

@alexand2011 · Регистрация: 01.04.2011

Студворк — интернет-сервис помощи студентам

Вообщем сабж. Как сделать? И еще важно, если человек убирает курсор с ссылки, то и ссылки которые вывелись вправо, тоже убираются.
Вот код. Помогите.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<script type="text/javascript">
    function Menu()
     {
       var div = document.getElementById('Result');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Памятники/">Памятники</a></li><li><a href="shop/catalog/Кресты/">Кресты</a></li><li><a href="shop/catalog/Скамейки/">Скамейки</a></li><li><a href="shop/catalog/Бардюры/">Бардюры</a></li><li><a href="shop/catalog/Фонари_и_вазоны/">Фонари и вазоны</a></li></ul>';  
      }
      function Menu1()
     {
       var div = document.getElementById('vtor');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Венки/">Венки </a></li><li><a href="shop/catalog/Цветы/">Корзины с цветами</a></li></ul>';  
      }
      function Menu2()
     {
       var div = document.getElementById('tret');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Венки/">Венки </a></li><li><a href="shop/catalog/Цветы/">Корзины с цветами</a></li></ul>';  
      }
    
    </script>
 
<div style="position: absolute; width: 420px; height: 332px; z-index: 25; left: -1px; top: 208px" id="layer3">
 
 
 
        <font face="Arial">
        <a href="shop/catalog/Благоустройство_и_уход_за_местом_захоронения/">
        <img border="0" id="img1" src="menu/p1.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'menu/s1.png')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'menu/p1.png')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'menu/s1.png')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'menu/d1.png')"></a>
        <a href="shop/catalog/Поддержание_порядка_на_местах_захоронений/">
        <img border="0" id="img2" src="menu/p2.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'menu/s2.png')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'menu/p2.png')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'menu/s2.png')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'menu/d2.png')"></a>
        
        
        <a  onmouseover="Menu1(); return false;" onmousedown="" href="shop/catalog/Доставка_венков_и_цветочных_корзин_от_лица_заказчика_на_траурную_церемонию/">
        <img border="0" id="img3" src="menu/p3.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/p3.png')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/d3.png')"></a>
        
        <div id="vtor" style="display:none"></div>
    
        <a onclick="Menu(); return false;" href="shop/catalog/Помощь_в_проектировании_изготовлении_установке_памятников_крестов_бордюров_скамеек_фонарей/">
        <img border="0" id="img4" src="menu/p4.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'menu/s4.png')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'menu/p4.png')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'menu/s4.png')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'menu/d4.png')"></a>
     
<div id="Result" style="display:none"></div>
 
 </li> 
        
        
        <a onclick="Menu2(); return false;" href="shop/catalog/Возложение_на_могилу_траурных_венков_и_корзин_из_живых_или_искусственных_цветов_в_отсутствие_заказчика/">
        <img border="0" id="img5" src="menu/p5.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'menu/s5.png')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'menu/p5.png')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'menu/s5.png')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'menu/d5.png')"></a>
        
        <div id="tret" style="display:none"></div>
        
        <a href="shop/catalog/Напоминание_заказчику_об_особых_днях_поминовения_усопших_по_согласованию_и_договорнности_с_заказчиком/">
        <img border="0" id="img6" src="menu/p6.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'menu/s6.png')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'menu/p6.png')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'menu/s6.png')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'menu/d6.png')"></a>
        
        
        <a href="shop/catalog/Помощь_в_организации_похоронных_церемоний_церковных_обрядов_поминок/">
        <img border="0" id="img7" src="menu/p7.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'menu/s7.png')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'menu/p7.png')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'menu/s7.png')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'menu/d7.png')"></a>
        
        <a href="shop/catalog/Помощь_в_поиске_захоронений/">
        <img border="0" id="img8" src="menu/p8.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'menu/s8.png')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'menu/p8.png')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'menu/s8.png')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'menu/d8.png')"></a>
        
        <a href="shop/sections/contacts/">
        <img border="0" id="img9" src="menu/p9.png" height="30" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'menu/s9.png')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'menu/p9.png')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'menu/s9.png')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'menu/d9.png')"></a>
 
 
       
        </font>
    </div>

@StagnantIce · 10.04.2011, 20:11

события при наведении onmousemove, onmouseout все верно... Не понятно в чем вопрос.

Или вы хотите чтобы вместо просто появление, оно выезжало?
Если хотите чтобы выезжало, меняйте по таймеру положение дива.

@alexand2011 · 10.04.2011, 21:56 **[ТС]**

onmouseout="" почему то не срабатывает

@StagnantIce · 11.04.2011, 09:20

может тогда onmouseover ? Путаюсь в синтаксисах языков

@alexand2011 · 11.04.2011, 15:05 **[ТС]**

HTML5
1
2
<a  onmouseover="Menu1(); return false;" onmouseout="" href="shop/catalog/Доставка_венков_и_цветочных_корзин_от_лица_заказчика_на_траурную_церемонию/">
                <img border="0" id="img3" src="menu/p3.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/p3.png')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/d3.png')"></a>

onmouseover - Срабатывает, при наведении на ссылку, выползает менюшка. А вот onmouseout="" почему то не срабатывает. Мож из за того что не прописано в самом Джава скрипте?

@StagnantIce · 11.04.2011, 15:41

в onmouseout нужно что то делать как и в onmouseover... а у вас там ничего нет.

JavaScript
1
onmouseout="Menu1(); return false;"

@alexand2011 · 12.04.2011, 16:36 **[ТС]**

Слушай, че я только не делал.. Не получается. Вот остановился на последнем.
Код джава к переменной

HTML5
1
2
3
4
5
6
<div onmouseover="Menu1(); return false;"  >
        <a href="shop/catalog/Доставка_венков_и_цветочных_корзин_от_лица_заказчика_на_траурную_церемонию/">
        <img border="0" id="img3" src="menu/p3.png" height="45" width="430" alt="" fp-style="fp-btn: Linked Row 3; fp-proportional: 0" fp-title onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/p3.png')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'menu/s3.png')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'menu/d3.png')"></a>
        
        <div id="vtor" style="display:none" onmousedown="Menu4(); return false;"></div>
    </div>

Сам код с переменной

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
 function Menu1()
     {
       var div = document.getElementById('vtor');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<ul><li><a href="shop/catalog/Цветы/">Корзины с цветами</a></li></ul>';  
      }
    
       function Menu4()
     {
       var div = document.getElementById('Result');  
       div.style.display = (div.style.display == 'none') ? '' : 'none';
       div.innerHTML = '<p>77</p>';  
      }

что и куда прописать? Чтобы при наведении на ссылку, появлялось инфо из кода джавы (Этот пункт работает) и (то что надо сделать) при убирании курсора мыши с инфо(которое выдвигается) или кнопки(при наведенни на которую появляется инфа), инфо исчезала и оставался начальний вид кнопки. Вот что мне надо. Чтоб автоматом убиралось, напишите знатоки. Помогите с кодом. в заранее спасибо.

@StagnantIce · 12.04.2011, 22:33

В html

HTML5
1
<div id="vtor" style="display:none" onmouseout = "newMenu();return false;" onmousedown="Menu4(); return false;"></div>

в js

JavaScript
1
2
3
4
5
6
function newMenu()
     {
       var div = document.getElementById('vtor');  
       div.innerHTML = '';  
       div.style.display = 'none';
      }

@alexand2011 · 13.04.2011, 00:55 **[ТС]**

Здесь
Поставил и опять нифига, сверху слева можеш увидеть что получилось

@StagnantIce · 13.04.2011, 08:57

попробуй поставить тоже событие и на UL

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	10.04.2011, 20:11
	события при наведении onmousemove, onmouseout все верно... Не понятно в чем вопрос. Или вы хотите чтобы вместо просто появление, оно выезжало? Если хотите чтобы выезжало, меняйте по таймеру положение дива. 0

@alexand2011 0 / 0 / 0 Регистрация: 01.04.2011 Сообщений: 28
	10.04.2011, 21:56 [ТС]
	onmouseout="" почему то не срабатывает 0

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	11.04.2011, 09:20
	может тогда onmouseover ? Путаюсь в синтаксисах языков 0

@alexand2011 0 / 0 / 0 Регистрация: 01.04.2011 Сообщений: 28
	13.04.2011, 00:55 [ТС]
	Здесь Поставил и опять нифига, сверху слева можеш увидеть что получилось 0

@StagnantIce 125 / 105 / 40 Регистрация: 06.03.2011 Сообщений: 334
	13.04.2011, 08:57
	попробуй поставить тоже событие и на UL 0