[TUTORIAL] Efeito .fadeOut nas páginas do fórum
Página 1 de 1 • Compartilhe
![Principal Contribuidor Principal Contribuidor](https://i.servimg.com/u/f28/11/40/02/06/medal_10.gif)
[TUTORIAL] Efeito .fadeOut nas páginas do fórum
![]() | Efeito em javascript |
Transição de páginas é lindo para websites, mas, você já imaginou isso para fóruns? O efeito jQuery .fadeOut funciona para fóruns quando aplicado corretamente, uma imagem de carregamento é exibida.
--> Tutoriais, dicas e astúcias <--
Efeito .fadeOut nas páginas do fórum
Efeito .fadeOut nas páginas do fórum
1º - Páginas .JS:
Para aplicarmos o tutorial, deveremos aceder à:
Painel de Controle ->> Módulos ->> HTML & JAVASCRIPT ->> Gestão dos códigos JavaScript
![TUTORIAL u38996 - [TUTORIAL] Efeito .fadeOut nas páginas do fórum Painel13](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
2º - Aplicação do código JavaScript:
Em seguida, adicione o seguinte código:
- Código:
jQuery(document).ready(function() {jQuery("a").click(function(event){event.preventDefault();linkLocation = this.href;jQuery("body").fadeOut(1000, redirectPage);jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><img src="http://img96.imageshack.us/img96/8636/carregando3.gif" border=0></div>');});
});function redirectPage() {window.location = linkLocation;
}});
https://2img.net/r/ihimizer/img96/8636/carregando3.gif
- Resultado:
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Efeito .fadeOut nas páginas do fórum |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» [TUTORIAL] Efeito opacidade no fórum (Fad In)
» [TUTORIAL] Redirecionamento de páginas com aviso prévio
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Páginas HTML personalizadas
» [TUTORIAL] Inserir copyright em todas as páginas
» [TUTORIAL] Redirecionamento de páginas com aviso prévio
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Páginas HTML personalizadas
» [TUTORIAL] Inserir copyright em todas as páginas
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos