Skip to main content
Deixei a busca mais visível, estava muito disfarçada
Fonte Link

Será necessário usar AJAX sim, basicamente você terá um pagina que vai mostrar o conteúdo dos outros arquivos como sobre.php, contato.php, portfolio.php através do load() do jquery ou do open('GET') do javascript e com o callback você poderá acionar o efeito que pretender.

Olha neste script em jQuery (JSFiddle):

Esta busca também pode te ajudar

$(document).ready(function() {
    var paginaXXX = "paginaXXX.php";
    // On click faz o load
    $('input[type="button"]').click(function(){
        // Oculta a pagina actual
        $('.conteudoActual').hide();
        // Mostra a div carregando
        $('.carregando').fadeIn();
        // Lê o conteudo e quando o conteúdo for lido 
        // apresenta a pagina
        $('.conteudo').load(paginaXXX, function() {
            // Oculta o carregando
            $('.carregando').hide();
            // Mostra a página requisitada
            $('.conteudo').fadeIn();
        });
    });
});

Esta busca também pode te ajudar

Será necessário usar AJAX sim, basicamente você terá um pagina que vai mostrar o conteúdo dos outros arquivos como sobre.php, contato.php, portfolio.php através do load() do jquery ou do open('GET') do javascript e com o callback você poderá acionar o efeito que pretender.

Olha neste script em jQuery (JSFiddle):

$(document).ready(function() {
    var paginaXXX = "paginaXXX.php";
    // On click faz o load
    $('input[type="button"]').click(function(){
        // Oculta a pagina actual
        $('.conteudoActual').hide();
        // Mostra a div carregando
        $('.carregando').fadeIn();
        // Lê o conteudo e quando o conteúdo for lido 
        // apresenta a pagina
        $('.conteudo').load(paginaXXX, function() {
            // Oculta o carregando
            $('.carregando').hide();
            // Mostra a página requisitada
            $('.conteudo').fadeIn();
        });
    });
});

Esta busca também pode te ajudar

Será necessário usar AJAX sim, basicamente você terá um pagina que vai mostrar o conteúdo dos outros arquivos como sobre.php, contato.php, portfolio.php através do load() do jquery ou do open('GET') do javascript e com o callback você poderá acionar o efeito que pretender.

Olha neste script em jQuery (JSFiddle)

Esta busca também pode te ajudar

$(document).ready(function() {
    var paginaXXX = "paginaXXX.php";
    // On click faz o load
    $('input[type="button"]').click(function(){
        // Oculta a pagina actual
        $('.conteudoActual').hide();
        // Mostra a div carregando
        $('.carregando').fadeIn();
        // Lê o conteudo e quando o conteúdo for lido 
        // apresenta a pagina
        $('.conteudo').load(paginaXXX, function() {
            // Oculta o carregando
            $('.carregando').hide();
            // Mostra a página requisitada
            $('.conteudo').fadeIn();
        });
    });
});
Insere o código na pergunta
Fonte Link
Gabe
  • 2,5mil
  • 2
  • 25
  • 40

Será necessário usar AJAX sim, basicamente você terá um pagina que vai mostrar o conteúdo dos outros arquivos como sobre.php, contato.php, portfolio.php através do load() do jquery ou do open('GET') do javascript e com o callback você poderá acionar o efeito que pretender.

Olha neste script em jQuery que fiz no JsFiddle ---> (http://jsfiddle.net/MQ78R/JSFiddle):

$(document).ready(function() {
    var paginaXXX = "paginaXXX.php";
    // On click faz o load
    $('input[type="button"]').click(function(){
        // Oculta a pagina actual
        $('.conteudoActual').hide();
        // Mostra a div carregando
        $('.carregando').fadeIn();
        // Lê o conteudo e quando o conteúdo for lido 
        // apresenta a pagina
        $('.conteudo').load(paginaXXX, function() {
            // Oculta o carregando
            $('.carregando').hide();
            // Mostra a página requisitada
            $('.conteudo').fadeIn();
        });
    });
});

IssoEsta busca também pode te ajudar ---> https://www.google.com/search?q=single+page+site&oq=single+page+site&aqs=chrome..69i57j0l5.12983j0j7&sourceid=chrome&espv=210&es_sm=122&ie=UTF-8#q=como+criar+um+single+page+site

Será necessário usar AJAX sim, basicamente você terá um pagina que vai mostrar o conteúdo dos outros arquivos como sobre.php, contato.php, portfolio.php através do load() do jquery ou do open('GET') do javascript e com o callback você poderá acionar o efeito que pretender.

Olha neste script em jQuery que fiz no JsFiddle ---> http://jsfiddle.net/MQ78R/

Isso pode te ajudar ---> https://www.google.com/search?q=single+page+site&oq=single+page+site&aqs=chrome..69i57j0l5.12983j0j7&sourceid=chrome&espv=210&es_sm=122&ie=UTF-8#q=como+criar+um+single+page+site

Será necessário usar AJAX sim, basicamente você terá um pagina que vai mostrar o conteúdo dos outros arquivos como sobre.php, contato.php, portfolio.php através do load() do jquery ou do open('GET') do javascript e com o callback você poderá acionar o efeito que pretender.

Olha neste script em jQuery (JSFiddle):

$(document).ready(function() {
    var paginaXXX = "paginaXXX.php";
    // On click faz o load
    $('input[type="button"]').click(function(){
        // Oculta a pagina actual
        $('.conteudoActual').hide();
        // Mostra a div carregando
        $('.carregando').fadeIn();
        // Lê o conteudo e quando o conteúdo for lido 
        // apresenta a pagina
        $('.conteudo').load(paginaXXX, function() {
            // Oculta o carregando
            $('.carregando').hide();
            // Mostra a página requisitada
            $('.conteudo').fadeIn();
        });
    });
});

Esta busca também pode te ajudar

Fonte Link

Será necessário usar AJAX sim, basicamente você terá um pagina que vai mostrar o conteúdo dos outros arquivos como sobre.php, contato.php, portfolio.php através do load() do jquery ou do open('GET') do javascript e com o callback você poderá acionar o efeito que pretender.

Olha neste script em jQuery que fiz no JsFiddle ---> http://jsfiddle.net/MQ78R/

Isso pode te ajudar ---> https://www.google.com/search?q=single+page+site&oq=single+page+site&aqs=chrome..69i57j0l5.12983j0j7&sourceid=chrome&espv=210&es_sm=122&ie=UTF-8#q=como+criar+um+single+page+site