Как заставить div появляться на паре и исчезать при наведении?

привета первую очередь это мой код -Как заставить div появляться на паре и исчезать при наведении?

<script> 
function slide() { 
    if(document.getElementById('eiv').className == 'deactive') { 
     document.getElementById('eiv').className = 'active'; 
     document.getElementById('eiv').style.webkitTransition ='all 0.5s'; 
    } else { 
     document.getElementById("eiv").className = 'deactive'; 
     document.getElementById('eiv').style.webkitTransition ='all 0.5s'; 
    } 
} 
function slideout() { 
    if(document.getElementById('eiv').className == 'active') { 
     document.getElementById('eiv').className = 'deactive'; 
     document.getElementById('eiv').style.webkitTransition ='all 0.5s'; 
    } else { 
     document.getElementById("eiv").className = 'active'; 
     document.getElementById('eiv').style.webkitTransition ='all 0.5s'; 
    } 
} 
</script> 
<body> 
<span id="container"><div id="colo" onmouseover="slide()" onmouseout="slideout()">lololol</div> 
</body>

я сделал дела, если в НЭВДА ид, который скользит по левой стороне при наведении курсора мыши на коло и скользит обратно на отведении указателя мыши от коло, это все хорошо, но я хотите, чтобы после того, как он появился, он должен оставаться там, когда мы наводим указатель мыши на eiv, и выходим на мышь из eiv (когда eiv слайды в нем будут перекрываться colo), а затем, когда вы снова наводите курсор мыши на colo, появляется eiv

это что-то вроде charmsbar в окнах 8

источник

2013-10-06 Umesh Meena

Пожалуйста, отметьте один ответ, как принято, так что вы можете помочь другим людям. –

Вы не можете этого сделать, потому что если ваш div станет спрятанным, вы нев er trigger hover.

Поэтому я предлагаю вам сменить цветной div на тот же цвет фона вашего сайта или перейти на прозрачный.

.visibleDiv{ 
    background-color:yellow; 
    height:100px; 
    display:block; 
} 
.visibleDiv:hover{ 
    background-color:white; 
    height:100px; 
    display:block; 
}

См example

источник

2013-10-06 14:39:52

Если я правильно понял ваш вопрос, то это может помочь вам.

Вы можете создать что-то, используя JQuery и наведите указатель мыши. Сюда.

У вас должен быть элемент вне div, который вы хотите скрыть.

В этом примере я использую div="target1" в качестве внешнего элемента, чтобы скрыть в div="msg1"

<div id="target1">Hover here for .hover()</div> 
<div id="msg1"></div> 

$("#target1").hover(function() { 
    $("#msg1").toggle(); 
});

источник

2013-10-06 15:02:33 MaD

Как заставить div появляться на паре и исчезать при наведении?

ответ

Смежные вопросы