Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > hover c JavaScript


Автор: Damhurz 21.3.2009, 05:40
я хочу реализовать выпадающие меню вот Javascript который и отвечает за выпадание меню при наведении на ссылку 

Код

/*MENU*/
var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

function mopen(n) {
  var l  = document.getElementById("menu"+n);
  var mm = document.getElementById("mmenu"+n);
    
  if(l) {
    mcancelclosetime();
    l.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n))
      currentLayer.style.visibility='hidden';
    currentLayer = l;
    currentitem = mm;
    currentLayerNum = n;            
  } else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
    }
}

function mclosetime() {
  closeTimer = window.setTimeout(mclose, TimeOut);
}

function mcancelclosetime() {
  if(closeTimer) {
    window.clearTimeout(closeTimer);
    closeTimer = null;
  }
}

function mclose() {
  if(currentLayer && noClose!=1)   {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentLayer = null;
    currentitem = null;
  } else {
    noClose = 0;
  }
  currentLayer = null;
  currentitem = null;
}

document.onclick = mclose; 

/*MENU END*/



подскажите как сделать так чтобы фон ссылки (который я назначу при помощи CSS "hover") а также верхнее подчеркивание ссылки ( overline в text-decoration) не исчезали до тех пор пока выпавшие меню, привязанное к этой ссылки, в состоянии visible? Буду благодарен за помощь))

Автор: IDVsbruck 22.3.2009, 00:58
Цитата(Damhurz @  21.3.2009,  05:40 Найти цитируемый пост)
подскажите как сделать так чтобы фон ссылки (который я назначу при помощи CSS "hover")

Фраза уже сама по себе абсурдна ...
Определи стиль для "ссылки" до ее "выпадения" и стиль для нее после выпадения (с ховером) и после выпадения меню переопредели ее стиль.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)