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?
-
Mas ela deve aparecer se o cursor estiver sobre ela novamente? – Renan Gomes 15/04/16 às 0:35
-
Não! @renan. Não precisa – Tiago P.C 15/04/16 às 0:36
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 – mau humor 19/04/16 às 1:46
-