Menu Fixe Responsive

Introduction

Lorsque vous changez de page, vous avez tous remarquez qu'il y a un temps de chargement. Ce temps de chargement peut nuire à la fluidité de votre site si notamment votre connexion à internet ou votre serveur n'est pas rapide. Ainsi, je vais vous montrer comment changer de page, sans avoir l'effet de chargement.

Création des pages

Donc, nous allons créer une page index.php et une page home.php et home2.php

Dans la page index.php, vous allez rentrer ce code :

<!DOCTYPE html> <html> <head> <title>Page principale</title> </head> <body > <a class="chgt" href="home.php">Home</a> <a class="chgt" href="home2.php">Home2</a> <h2 style="color:green">Ce texte fait parti de la page index.php. Et en dessous, admirez le contenu des autres pages!</h2> <div class="ContenuAutrePage">ceci est le contenu accueil</div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script> $(document).ready(function() { $('.ContenuAutrePage').load('home.php'); $('a.chgt ').click(function() { var chgtPage = $(this).attr('href'); $('.ContenuAutrePage').load(chgtPage); return false; }); }); </script> </body> </html>

Et dans les deux autres pages vous rentrez ce type de code:

<h1>Home2</h1> <p> Bienvenue dans ta page Home2 </p>

<!DOCTYPE html> <h1>Home2</h1> <p> Bienvenue dans ta page Home2 </p>

N'hésitez pas à laisser des commentaires et/ou à cliquer sur une étoile en dessous.

cliquez sur
une étoile

1 2 3 4 5

★ ★ ★ ★ ★

Mettre un commentaire sans compte

Connectez-vous gratuitement !

changer de page sans recharger la page

Mettre un commentaire sans compte

COMMENTAIRES