[RISOLTO]jquery fade a metà

4 contenuti / 0 new
Accedi o registrati per inserire commenti.
Ultimo contenuto
Mer, 02/11/2011 - 12:27
#1
cr34t1v0
Ritratto di cr34t1v0
[RISOLTO]jquery fade a metà

ciao a tutti ho creato questa porzione di codice per far si che il mouse entrando in un determinato blocco crei un div che segue il mouse...
funziona tutto perfettamente apparte il fatto che se entro ed esco velocemente col mouse il fade funziona a metà o a volte non si vede proprio... che può essere???

$(document).ready(function(){
$('#block-menu-menu-progetti .block-inner .content .menu').append('<div id="follower"></div>');
$('#follower').hide();
$('#block-menu-menu-progetti').mouseenter(function(){
$('#follower').stop().fadeIn(500),
      $(this).mousemove(function(e){
$('#follower').offset({top: e.pageY -15});
      });
}).mouseleave(function(){
$('#follower').stop().fadeOut(1000);
});
});
$(document).ready(function(){
if($('#block-menu-menu-progetti .block-inner .content .menu li > a.active').length >0){
$('#block-menu-menu-progetti').mouseenter(function(){
$('#block-menu-menu-progetti .block-inner .content .menu li a.active').stop().animate({ backgroundColor: 'transparent'}, 800);
}).mouseleave(function(){
$('#block-menu-menu-progetti .block-inner .content .menu li a.active').stop().animate({ backgroundColor: "#434343"}, 800);
});
};
});

In cima
Mer, 02/11/2011 - 14:06
ealmuno
Ritratto di ealmuno

Il browser fa cilecca

http://www.chromeos.eu

In cima
Mer, 02/11/2011 - 14:19
cr34t1v0
Ritratto di cr34t1v0

dici??? me lo fa su tutti i browser

In cima
Mer, 02/11/2011 - 16:07
cr34t1v0
Ritratto di cr34t1v0

ok ho risolto mettendo al posto di stop() questo stop(true, true)
quindi di conseguenza tutto il codice è:

$(document).ready(function(){
$('#block-menu-menu-progetti .block-inner .content .menu').append('<div id="follower"></div>');
$('#follower').hide();
$('#block-menu-menu-progetti').mouseenter(function(){
$('#follower').stop(true, true).fadeIn(500),
      $(this).mousemove(function(e){
$('#follower').offset({top: e.pageY -15});
      });
}).mouseleave(function(){
$('#follower').stop(true, true).fadeOut(1000);
});
});
$(document).ready(function(){
if($('#block-menu-menu-progetti .block-inner .content .menu li > a.active').length >0){
$('#block-menu-menu-progetti').mouseenter(function(){
$('#block-menu-menu-progetti .block-inner .content .menu li a.active').stop(true, true).animate({ backgroundColor: 'transparent'}, 800);
}).mouseleave(function(){
$('#block-menu-menu-progetti .block-inner .content .menu li a.active').stop(true, true).animate({ backgroundColor: "#434343"}, 800);
});
};
});

In cima