简单的jQuery页面滚动导航切换代码



89 352 118



特效描述:页面滚动导航 导航切换,简单的滚动页面自动切换选中导航,点击目录滑到对应的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

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