0

Этот вопрос рассматривался здесь: Ссылка

Можно ли это реализовать на чистом css?

navHover = function() {
    var lis = document.getElementById("navmenu-v").getElementsByTagName("LI");
    for (var i=0; i<lis.length; i++) {
            lis[i].onmouseover=function() {
                    this.className+=" iehover";
            }
            lis[i].onmouseout=function() {
                setTimeout(1000);
                    this.className=this.className.replace(new RegExp(" iehover\\b"), "");
            }
    }
}
if (window.attachEvent) window.attachEvent("onload", navHover);
1
  • Как я понял, transition не получиться повесить на ul>li 2го уровня, если родительский элемент стоит без transition? 14 сен 2013 в 12:31

1 ответ 1

3

Используйте transition-delay.

UPD:

По поводу hover - проще сделать

jQuery('селектор').hover(
    function () { "A" },
    function () { "B" }
);

где A - обработчик hover, а B - обратный.

6
  • 1
    вот-же jsfiddle.net/oceog/uv3CN просто делайте delay 0; в :hover элементе...
    – zb'
    11 сен 2013 в 11:24
  • @Радик Камалов, обновил ответ 11 сен 2013 в 13:08
  • Радик, сделайте fiddle с демонстрацией, трудно вот так сказать что там у вас происходит.
    – zb'
    11 сен 2013 в 13:08
  • oooenergy.ru сейчас все без js На display:none ставлю задержку, не задерживается. 11 сен 2013 в 13:23
  • display: none; не может быть "транзишном" используйте visibility: visible | hidden; и opacity: 1 | 0. ах да и тразишн проще написать одной строчкой transition: all 0.5s 2s; вот пример посмотрите: jsfiddle.net/hyy46
    – ferrari
    11 сен 2013 в 15:03

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.