1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| <!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css_Ajax.css">
</head>
<body>
<header>
<h1>Feather</h1>
</header>
<div class= "nav_content">
<button id="start_button">Commencer le voyage</button>
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum cursus varius velit volutpat tristique. Maecenas mollis pulvinar elementum. Nullam condimentum ligula tellus, at eleifend sapien accumsan ut. Etiam ipsum ligula, efficitur a lorem a, maximus dictum turpis. Proin id lectus at ligula iaculis posuere. Etiam vel sapien id orci ultricies commodo at non eros. Morbi dignissim purus dictum tempus laoreet. Aenean dictum purus vel pulvinar posuere. Cras eget porttitor enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Mauris luctus neque quis dignissim imperdiet. In id tempor dui, id eleifend turpis. Phasellus ac ultricies massa. Cras maximus scelerisque tellus, a euismod purus luctus eget. Nam sagittis, urna vitae molestie finibus, odio nibh faucibus felis, ut suscipit felis nisi eu mi. Proin vel diam nec arcu maximus tempor vel vel magna. Donec non nibh mollis, rhoncus eros non, ultricies justo. Aliquam in pretium elit, sed volutpat nisi.
Mauris id mi vitae urna suscipit tempor. Nulla bibendum est et ligula tincidunt lacinia. Nulla eget auctor orci, semper porta ex. Aenean in sem a erat hendrerit molestie ut non justo. Donec gravida a enim in euismod. Quisque mollis gravida purus in eleifend. Suspendisse tristique lorem purus. Morbi interdum varius mauris facilisis vehicula. Proin a tortor vel erat malesuada varius ut at est. Praesent pellentesque pharetra consectetur. Aliquam erat volutpat. Etiam vehicula congue ipsum, varius dapibus urna fermentum in.
Aenean pellentesque mauris at sapien luctus, quis rhoncus elit fermentum. Cras at elementum augue, nec commodo nisl. Vestibulum vel iaculis elit. Duis id odio vel eros pharetra porttitor et eleifend ante. Sed id ligula ac diam porttitor facilisis in quis ligula. Maecenas ullamcorper elit magna, quis ultricies nibh porta congue. Sed sit amet malesuada neque. Praesent eget porttitor nisl. Phasellus non euismod augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean molestie ut nisi ac sollicitudin. Vestibulum sagittis eleifend laoreet. Maecenas venenatis dapibus nisi in pretium. Nam iaculis eros et tortor blandit posuere.
Morbi sit amet massa eget nibh sagittis pellentesque non a metus. In vestibulum dui sit amet quam volutpat, id sagittis erat ornare. Aliquam magna nisi, posuere eu massa sed, condimentum hendrerit est. Ut interdum at magna id pharetra. Aliquam id facilisis libero, facilisis pretium lectus. Sed ac lorem eget ligula facilisis aliquam. Suspendisse vulputate eget sapien sit amet interdum. Sed tempor eros et metus cursus lobortis. Duis dictum rhoncus diam sed sollicitudin.
Nulla eleifend turpis vitae sem facilisis facilisis. Donec lobortis, velit et laoreet porttitor, risus neque blandit odio, quis condimentum orci quam eget lectus. Integer dictum ipsum a quam laoreet vulputate. Vestibulum tempus eros ac enim vestibulum pharetra. Proin eleifend quam sit amet mi finibus imperdiet. Phasellus consequat eros at augue dictum, quis laoreet dui semper. Proin aliquet placerat nisl. Suspendisse dapibus, eros non placerat blandit, risus felis egestas lorem, interdum vehicula lorem libero eu orci. Aliquam faucibus efficitur porttitor. Nunc pharetra quam sed ullamcorper scelerisque. Vestibulum rutrum ultrices massa, at convallis dolor rutrum eu.</p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(function() {
$("#start_button").click(function() {
$(".nav_content").fadeOut(4000);
$(".nav_content").load("maj1.html", function(){
$(this);
});
});
});
</script>
</body>
</html> |
Partager