выпадающее меню

19 июля 2012 г.

выпадающее меню

Добрый день, всем.
подскажите кто сталкивался с такой проблеммой..
делаю стандартное выпадающее горизонтальное меню. есть в /hostcmsfiles/ такой скрипт menu.js

Цитата:

var timeout    = 500; // пауза при исчезновении подменю
var closetimer = 0;
var ddmenuitem = 0;

function jsddm_open() {
    jsddm_canceltimer();
    jsddm_close();
    ddmenuitem = $(this).find('ul'

.css('visibility', 'visible'

;
}

function jsddm_close() {
if (ddmenuitem) ddmenuitem.css('visibility', 'hidden'

;
}

function jsddm_timer() {
    closetimer = window.setTimeout(jsddm_close, timeout);
}

function jsddm_canceltimer() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

$(document).ready(function() {
    $('#jsddm > li'

.bind('mouseover', jsddm_open);
$('#jsddm > li'

.bind('mouseout', jsddm_timer);
});
document.onclick = jsddm_close;

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

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

19 июля 2012 г.

Re: выпадающее меню

AALLXX,
попробуйте заменить
ddmenuitem =

$(this).find('ul').css('visibility', 'visible');

на -

ddmenuitem = setTimeout($(this).find('ul').css('visibility', 'visible'),1000);

Делись своими знаниями. Это путь к бессмертию.

20 июля 2012 г.

Re: выпадающее меню

R_www,
нее так не выходит, т.к. появляется все равно без паузы и не исчезает.

сделал так:
Цитата:

var obj;

function jsddm_open() {
ddmenuitem = obj.css('visibility', 'visible'

;
// alert('прошла секунда'

;
}

function jsddm_close() {

if (ddmenuitem) ddmenuitem.css('visibility', 'hidden'

;
jsddm_canceltimer();
}

function jsddm_timer() {

obj = $(this).find('ul'

;
   closetimer = window.setTimeout(jsddm_open, 300);
}

function jsddm_canceltimer() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

$(document).ready(function() {
    $('#jsddm > li'

.bind('mouseover', jsddm_timer);
$('#jsddm > li'

.bind('mouseout', jsddm_close);
});
document.onclick = jsddm_close;

может не очень красиво, но работает, может пригодится кому))

Авторизация