Painel Deslize jQuery em Mouseover

votos
0

Como posso fazer este exemplo painel deslizante para deslizar para baixo em mouseover e deslize de volta no mouseout em vez de usar a função de clique?

Veja o exemplo aqui: http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

$(.btn-slide).click(function(){
    $(#panel).slideToggle(slow);
    $(this).toggleClass(active); return false;
});
Publicado 26/08/2009 em 23:39
fonte usuário
Em outras línguas...                            


2 respostas

votos
3

Use o foco função. Este deve ser próximo.

function slide() {
  $("#panel").slideToggle("slow");
  $(this).toggleClass("active"); 
  return false;
}

$(".btn-slide").hover(slide, slide);
Respondeu 26/08/2009 em 23:44
fonte usuário

votos
0

Você pode fazer algo como

. $ ( "# SliderBar") pairo (function () {. $ ( "# SliderBar") stop () animar ({left: "- 200px"}, {fila de espera: false, duração:. 300});}, function () {$ ( "# SliderBar") stop () animar ({left: "0px"}, {fila de espera: false, duração: 300});..});

Respondeu 31/01/2011 em 04:48
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more