利用jQuery实现Waypoints顶部固定导航栏

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One' rel='stylesheet' type='text/css'>

2. 引入JS

<script type="text/javascript" src="js/modernizr.custom.66501.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.lettering.js"></script>
<script type="text/javascript" src="js/jquery.animation.js"></script>

3. HTML代码

        <div class="container">
			<header>
				<h1>jquery+css3摇摆字母</h1>
				<h2></h2>
				<a id="ll-button" class="button" href="#">Rock it!</a>
			</header>
			<p id="ll-message" class="ll-message">Thank you for your support! <br /><span>We wish you a great </span></p>
			<div id="ll-wrapper" class="ll-wrapper">
				<h3>Happy</h3>
				<h3>New</h3>
				<h3>Year</h3>
				<h3>2013</h3>
			</div>
        </div>
<div style="text-align:center;clear:both">
</div>