jquery浮動固定層導航條點擊頁面滾動到設置的描點位置



119 472 158



特效描述:浮動固定導航 點擊頁面滾動,超酷的固定菜單頁面滾動效果

代碼結構

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

加群請備注:從官網了解到

老夫子电子