特效描述:利用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>