chrislabeard.github.io/test.php at master · chrislabeard/chrislabeard.github.io · GitHub

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
38
<html>
	<head>
		<title></title>
	<link rel="stylesheet" type="text/css" media="screen" href="test.css">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
	<script src="jquery.easing.1.3.js" type="text/javascript"></script>
	        <script type="text/javascript">
            $(function() {
                $('ul.nav a').bind('click',function(event){
                    var $anchor = $(this);

                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1500,'easeInOutExpo');
                    /*
                    if you don't want to use the easing effects:
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1000);
                    */
                    event.preventDefault();
                });
            });
        </script>
	</head>
	<body>
	<div class="section" id="home">
		<?php include('nav.php'); ?>
	<h2>Awesome</h2>
	</div>
	<div class="section" id="about">
		<?php include('nav.php'); ?>
	<h2>Super Sweet</h2>

	</div>

	</body>
</html>