Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi Pessoal,
Eu tenho um script que peguei na net que faz mais ou menos o que eu quero To tentando editar ele fazem 2 dias mas como não sou programador fica dificil :( Quem puder dar essa ajuda agradeceria imensamente.
Bem tenho... um elemento na página denominado #top Qundo a pagina carrega esse elemento da um fadeOut em 3 segundos e volta a aparecer com a atividade do mouse. Se o mouse ficar inativo ele volta ao fadeOut. Até aqui tudo bem.
O que quero que ele faça é qndo colocar o mouse em cima dele de um Fadein e trave lá, mesmo que o mouse ficar inativo em cima dele ele continue aparecendo.????
Outra pergunta: Como eu faço pra atribuir esse código a varios outros elementos "#" Por exempo o elemento #top, #arrowLeft, e #arrowRigth tbm contarem com as funções que o código provê
Segue o script:
$(document).ready(function() {
var $top = $('#top');
var $document = $(document);
var timer = null;
var timerIsRunning = false;
$top.mousemove(function(e){
e.stopPropagation();
});
$top.hover(function(e){
e.stopPropagation();
});
setTimeout(function() {
$document.mousemove(function(e) {
if($top.is(':hidden')) {
$top.fadeIn();
} else {
if(!timerIsRunning) {
timerIsRunning = true;
clearTimeout(timer);
timer = setTimeout(function() { $top.fadeOut(); }, 3000);
setTimeout(function() {timerIsRunning = false;}, 2000);
}
}
});
}, 500);
});
Muito obrigado pela atenção e sucesso.
Carregando comentários...