Skip to main content
formatação de código
Fonte Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166

Não consigo fazer o wobble do Animate.css funcionar logo que a minha pagina web carrega, pois estou tentando fazer efeito de mouseover / mouseout e nao esta funcionando. O objeto começa com o wobble acionado, ao fazer o mouseover, este para de fazer o animate wobble. Quando fizer mouseout, a mesma classe (wobble) deverá voltar a funcionar, porém náo consigo fazer rodar. Onde estou errando ?

$(document).ready(function(){ $("menu").on('mouseover', function(){ $(this).removeClass('animated wobble'); }); $("menu").on('mouseout', function(){ $(this).addClass('animated wobble'); }); });
<div class="cabeceira">
   <img src="logo.jpg">
</div> 
<script type="text/javascript">
      $(document).ready(function(){
         $("menu").on('mouseover', function(){
         $(this).removeClass('animated wobble');
      });
     
      $("menu").on('mouseout', function(){
         $(this).addClass('animated wobble');
      });
    });
</script>

Não consigo fazer o wobble do Animate.css funcionar logo que a minha pagina web carrega, pois estou tentando fazer efeito de mouseover / mouseout e nao esta funcionando. O objeto começa com o wobble acionado, ao fazer o mouseover, este para de fazer o animate wobble. Quando fizer mouseout, a mesma classe (wobble) deverá voltar a funcionar, porém náo consigo fazer rodar. Onde estou errando ?

$(document).ready(function(){ $("menu").on('mouseover', function(){ $(this).removeClass('animated wobble'); }); $("menu").on('mouseout', function(){ $(this).addClass('animated wobble'); }); });

Não consigo fazer o wobble do Animate.css funcionar logo que a minha pagina web carrega, pois estou tentando fazer efeito de mouseover / mouseout e nao esta funcionando. O objeto começa com o wobble acionado, ao fazer o mouseover, este para de fazer o animate wobble. Quando fizer mouseout, a mesma classe (wobble) deverá voltar a funcionar, porém náo consigo fazer rodar. Onde estou errando ?

<div class="cabeceira">
   <img src="logo.jpg">
</div> 
<script type="text/javascript">
      $(document).ready(function(){
         $("menu").on('mouseover', function(){
         $(this).removeClass('animated wobble');
      });
     
      $("menu").on('mouseout', function(){
         $(this).addClass('animated wobble');
      });
    });
</script>
Fonte Link
user33011
user33011

Mouseover e Mouseout com animate.css em uso (wobble)

Não consigo fazer o wobble do Animate.css funcionar logo que a minha pagina web carrega, pois estou tentando fazer efeito de mouseover / mouseout e nao esta funcionando. O objeto começa com o wobble acionado, ao fazer o mouseover, este para de fazer o animate wobble. Quando fizer mouseout, a mesma classe (wobble) deverá voltar a funcionar, porém náo consigo fazer rodar. Onde estou errando ?

$(document).ready(function(){ $("menu").on('mouseover', function(){ $(this).removeClass('animated wobble'); }); $("menu").on('mouseout', function(){ $(this).addClass('animated wobble'); }); });