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



51 201 68



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



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动导航菜单 导航切换 滚动切换 图片滚动 图片切换 文字滚动 文字切换 背景切换 图片文字滚动 手风琴 全屏滚动 选项卡自动切换 页面滚动 视频切换 列表切换 渐隐切换 全屏切换 切换按钮 缩放切换 滚动流动 滚动切换 滑动选项卡切换 自动滚动图片轮播 选项卡切换 滑动手风琴

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到