Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sander Luís

[Resolvido] efeito .animate() com erro no ie9

Recommended Posts

ae pessoal beleza..

vejam aki:

 

http://sandersites.com.br/3/ no chromer

 

e depois no ie.......

 

eu ainda penso mas pq que existe o ie????????/// kkkkkkkk em todos os outros funciona bleza mas no ie tem q dar m*****..........

 

pq será este erro, funciona o efeito apenas do 1º circulo, e ainda ja abre a pagina com elle como se tiverse o mouse em cima.......

 

eu tinha colocado na minha pagina o prototype.js e tbm o script.aculo.us mas dae tirrei..

 

deixei apenas o

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">

 

funcionou perfeito ams no ie deu brete,s era q tenho q por de volta o prototype para funcionar ou não tem nada a ver?

 

vlwwww

Compartilhar este post


Link para o post
Compartilhar em outros sites

resolvidoooooo

 

http://sandersites.com.br/4/

 

kkkkkkkkkkkkk

 

como o ie tem uas suas manhas quanto ao opacity

 

eu estava utilizandoa div com opacity 0 e quando passava o mouse em outra essa mudava para opacity 1 dae ficava visivel..

 

mas como eu falei q o ie tem esses erros no opacity q tem q colocar filter:opacity blablabla, o proprio jquery trocava isso, mas dava erro..

 

dae resolvi mudar e colocar o efeito fadein e o efeito fadeout, dae ele usa o display none e o display block..

 

 

dae naum deu erro no ie

 

vejam como q ficou:

 

 $(document).ready(function(){

   $("#circle1").hover(function() {
     $("#circle1 #hover1").fadeIn('slow');
   },
   function() {
     $("#circle1 #hover1").fadeOut('slow');
   });

   $("#circle2").hover(function() {
     $("#circle2 #hover2").fadeIn('slow');
   },
   function() {
     $("#circle2 #hover2").fadeOut('slow');
   });

$("#circle3").hover(function() {
     $("#circle3 #hover3").fadeIn('slow');
   },
   function() {
     $("#circle3 #hover3").fadeOut('slow');
   });
 })

 

eu tinha colocado tbm o .stop() antes do .fadeOut e do .fadeIn mas dae naum completava o efeito, tipo se eu colocase o mouse e ja tirase sem ter feito 100% da animação esse dava o fade out dae quando voltava ele carregava ate a metade, aonde tinha dado o stop....

 

mas isso deixa pra lá oq interreça é q funcionou bem...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.