Como fazer um menu sem refresh utilizando ajax

Olá pessoal neste artigo irei ensinar como criar um menu sem refresh, ou seja usuário clica no link do menu e a pagina do link é carregada dentro de uma div sem a necessidade de recarregar a página toda.

Crie um arquivo com nome de funcao_menu.js (ou nome de sua preferencia)

$(document).ready(function(){
 //executa o evento Click em todos os links do menu
 $('#menu-topo a').live('click', function() {
 $('#conteudo').load($(this).attr('href'));
 return false;
 });
});

Crie um arquivo com nome de index.html(ou nome de sua preferencia)

<!-- aconselho salvar os arquivos js e css em pastas separadas tipo: js/funcao_menu.js  

Link 1
Link 2
Link 3



Paginas internas abrem aqui dentro


 

Crie um arquivo com nome de link1.html(ou nome de sua preferencia),

< html>
< head>
< body>

CONTEUDO LINK 1 

</ html>

Obrigado pela atenção gente e espero ter ajudado, qualquer dúvida basta me enviar um email. 
Abraço!!!