特效描述:利用jQuery实现 页面定位滚动。利用jQuery实现页面定位滚动代码
代码结构
1. 引入JS
<script src="js/jquery-1.8.3.min.js"></script>
2. HTML代码
<div class="weeks"> <ul class="weekItem" id="weektab"> <li>周一</li> <li>周二</li> <li>周三</li> <li>周四</li> <li>周五</li> <li>周六</li> <li>周日</li> </ul> <div class="box01_c" id="weekcon"> <div style="position:relative;"> <dl> <dt>周一</dt> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> </dl> <dl> <dt>周二</dt> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> </dl> <dl> <dt>周三</dt> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> </dl> <dl> <dt>周四</dt> <dd><span class="today">今日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> </dl> <dl> <dt>周五</dt> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> </dl> <dl> <dt>周六</dt> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> </dl> <dl> <dt>周日</dt> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> <dd><span>11-3日更新</span><a href="http://www.51qianduan.com/">51前端 - 让开发更简单(www.51qianduan.com)</a></dd> </dl> </div> </div> </div>