Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Transição fadeIn fadeOut load ao carregar documento na div JQuery

01-03-2016 21:11

Nesse post vou mostrar um exemplo bem simples de como fazer uma transição ao trocar o documento carregado na div usando o jQuery.
Esse efeito é mostrado toda vez que é carregado um novo documento dentro da div, através da função jQuery load.

<script src="jquery.js"></script> <script> $(function() { $(".link1").click(function() { $(".div").fadeOut("slow"); var carrega = setInterval(function() { $(".div").load("teste.php"); clearInterval(carrega); }, 1000); var mostra = setInterval(function() { $(".div").fadeIn("slow"); clearInterval(mostra); }, 2000); }); }); </script> <div class="link1">link1</div> <div class="div">texto</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado