特效描述：利用jQuery实现 Waypoints 顶部固定 导航栏。利用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>
