簡單的jQuery頁面滾動導航切換代碼



92 367 123



特效描述:頁面滾動導航 導航切換,簡單的滾動頁面自動切換選中導航,點擊目錄滑到對應的div上面。

代碼結構

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/style.css"/>

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>

3. HTML代碼

<ul class="ce">
	<li><a id="navon0" class="xz" href="javascript:void(0)">首 &nbsp; &nbsp;頁</a> </li>
	<li><a id="navon1" href="javascript:void(0)">關于我們</a>  </li>
	<li><a id="navon2" href="javascript:void(0)">產品與服務</a> </li>
	<li><a id="navon3" href="javascript:void(0)">在線體驗</a> </li>
	<li><a id="navon4" href="javascript:void(0)">客戶中心</a> </li>
	<li><a id="navon5" href="javascript:void(0)">社會責任</a> </li>
	<li><a id="navon6" href="javascript:void(0)">員工之家</a> </li>
	<div class="clear"></div>
</ul>
<div id="div0">&nbsp;&nbsp;</div>
<div id="div1">&nbsp;&nbsp;</div>
<div id="div2">&nbsp;&nbsp;</div>
<div id="div3">&nbsp;&nbsp;</div>
<div id="div4">&nbsp;&nbsp;</div>
<div id="div5">&nbsp;&nbsp;</div>
<div id="div6">&nbsp;&nbsp;</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊
熱門下載


熱門標簽:
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

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

湖北30选5开奖结果走势图表