jquery浮动固定层导航条点击页面滚动到设置的描点位置



114 453 152



特效描述:浮动固定导航 点击页面滚动,超酷的固定菜单页面滚动效果

代码结构

1. 引入JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

2. HTML代码

<div style="height:100px;overflow:hidden;"></div>
<ul class="nav">
	<li><a class="pro">产品展示</a></li>
	<li><a class="news">新闻中心</a></li>
	<li><a class="ser">服务支持</a></li>
	<li><a class="con">联系我们</a></li>
	<li><a class="job">人才招聘</a></li>
</ul>
<div id="main">
	<div id="pro" class="box">
		<h3>产品展示</h3>
		<p><span class="cur">效果1</span><span><a href="index2.html">效果2</a></span><span><a href="index3.html">效果3</a></span></p>
	</div>
	<div id="news" class="box">
		<h3>新闻中心</h3>
	</div>
	<div id="ser" class="box">
		<h3>服务支持</h3>
	</div>
	<div id="con" class="box">
		<h3>联系我们</h3>
	</div>
	<div id="job" class="box">
		<h3>人才招聘</h3>
	</div>
</div>



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


热门标签: 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 浮动提示框 浮动菜单 浮动导航

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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