Preciso que, se o mouse não estiver em cima de uma div, depois de 4 segundos ela desapareça, mudando o css. Como fazer isso com Javascript/Jquery?
1 Resposta
CSS:
.hide{
display: none;
);
HTML:
<div id="my-div" style="background-color:#ff0000" >Minha Div</button>
JavaScript:
function hideDiv(){
$("#my-div").addClass('hide');
}
t = setTimeout(hideDiv,4000);
$("#my-div").mouseout(function(event){
t = setTimeout(hideDiv,4000);
});
$("#my-div").mouseover(function(){
if (t!=null) {
clearTimeout(t);
}
});
-
-
Claro, esse código usa JQuery, Já que você colocou a tag na pergunta, subentendi que você incluiria a biblioteca. jsfiddle.net/7fadunso Commented 19/04/2016 às 1:46
-