Чат сообщества
|
   |
| Модератор форума: dotbot |
| Сообщество uCoz Архивариус Корзина Дополнительный код в скрипт для меню (Скрипт) |
| Дополнительный код в скрипт для меню |
|
Всем доброго времени суток.
Вопрос такой. Что нужно прописать, чтобы меню ( в моем случае горизонтальное, выезжающее ), после наведения на него открывалось через... скажем секунду. Собственно вот код скрипта. Code <script type="text/javascript"> <!-- var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; // --> </script> |
|
Code <script type="text/javascript"> <!-- var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; // --> </script> <title>Mr-News - Главная страница</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="text/css" rel="StyleSheet" href="http://s64.ucoz.net/src/layer1.css" /> <script type="text/javascript" src="http://s64.ucoz.net/src/jquery-1.6.1.js"></script><script type="text/javascript" src="http://s64.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlockL {display:none}</style> </head> <body style="background:url('/img/background.png')"> <!--U1AHEADER1Z--><div class="wrapper"> <div class="logo"></div> <div class="one_menu"> <ul id="sddm"> <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Статьи</a> <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="http://wallaby.ucoz.ru">Все статьи</a> <a href="#">Превью</a> <a href="#">Обзоры</a> <a href="#">Железо</a> </div> </li> <li><a href="http://wallaby.ucoz.ru" onmouseover="mopen('m2')" onmouseout="mclosetime()">Видео</a> <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">Всё видео</a> <a href="#">Новое видео</a> <a href="#">Популярное видео</a> <a href="#">Игровое кино</a> <a href="#">Трейлеры</a> </div> </li> <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Новости игр</a> <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="http://wallaby.ucoz.ru">Все новости</a> <a href="#">Даты выхода</a> <a href="#">Архив новостей</a> </div> </li> <li><a href="http://wallaby.ucoz.ru" onmouseover="mopen('m4')" onmouseout="mclosetime()">Рейтинг игр</a> <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="http://wallaby.ucoz.ru">Рейтинг 2012</a> <a href="#">Рейтинг онлайн игр</a> </div> </li> <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Галерея</a> <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="http://wallaby.ucoz.ru">Обои</a> <a href="#">Скриншоты</a> <a href="#">Пользовательская</a> </div> </li> <li><a href="http://wallaby.ucoz.ru" onmouseover="mopen('m6')" onmouseout="mclosetime()">Пользователи</a> <div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="http://wallaby.ucoz.ru">Все пользователи</a> <a href="#">Поиск польз-телей</a> </div> </li> <li><a href="#" onmouseover="mopen('m7')" onmouseout="mclosetime()">Общение</a> <div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="http://wallaby.ucoz.ru">Twitter</a> <a href="#">Вконтакте</a> <a href="#">YouTube</a> </div> </li> <li><a href="http://wallaby.ucoz.ru" onmouseover="mopen('m8')" onmouseout="mclosetime()">Сайт</a> <div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="http://wallaby.ucoz.ru">Контакты</a> <a href="#">Реклама</a> <a href="#">Правила общения</a> <a href="#">RSS</a> </div> </li> </ul> </div> |
|
onmouseover="timer=setTimeout(function(){mopen('m3');}, 500);"
так должен выглядеть твой онмаусовер везде в меню красным есстественно меняешь на другие функции открывания-это на примере одной твоей строки сделано 500 время задержки я не стал выводить в отдельную переменную показал как должно быть рабочий пример потом ссылку дам если не поймешь Добавлено (12-Апр-2012, 15:47:05) --------------------------------------------- все что рулит в Javascript найдешь здесь http://www.dynamicdrive.com/ Добавлено (12-Апр-2012, 15:49:55) --------------------------------------------- кстати Deadshot,тебя это то же касается если ты серьезно как вижу занимаешся Добавлено (12-Апр-2012, 17:38:34) --------------------------------------------- <li><a href="#" onmouseover="timer=setTimeout(function(){mopen('m3');}, 500);" onmouseout="mclosetime()">Новости игр</a> это строка полностью-чтобы долго не искать Сообщение отредактировал true3071 - Четверг, 12 Апр 2012, 17:38:50
|
спасибо, а то не мог найти куда надо вставить 
.
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!