无缝滚动（向上滚动）

这是一个慕课网的实例：感谢vivain老师
现在看一下吧
第一次，我实现了滚动

• 1.学会html5 绝对的屌丝逆袭（案例）2013-09-18


• 2.tab页面切换效果（案例）2013-10-09


• 3.圆角水晶按钮制作（案例）2013-10-21


• 4.HTML+CSS基础课程(系列)2013-11-01


• 5.分页页码制作（案例）2013-11-06


• 6.导航条菜单的制作（案例）2013-11-08


• 7.信息列表制作(案例)2013-11-15


• 8.下拉菜单制作(案例)2013-11-22


• 9.如何实现“新手引导”效果2013-12-06

第二次（滚动到尾部时，停止了滚动，这里用到克隆）

• 1.学会html5 绝对的屌丝逆袭（案例）2013-09-18


• 2.tab页面切换效果（案例）2013-10-09


• 3.圆角水晶按钮制作（案例）2013-10-21


• 4.HTML+CSS基础课程(系列)2013-11-01


• 5.分页页码制作（案例）2013-11-06


• 6.导航条菜单的制作（案例）2013-11-08


• 7.信息列表制作(案例)2013-11-15


• 8.下拉菜单制作(案例)2013-11-22


• 9.如何实现“新手引导”效果2013-12-06

第三次（第二次克隆成功了，但是仍然会停住的）

第四次：实现了滚动

实现效果：

最终实现的效果

• 1.学会html5 绝对的屌丝逆袭（案例）2013-09-18


• 2.tab页面切换效果（案例）2013-10-09


• 3.圆角水晶按钮制作（案例）2013-10-21


• 4.HTML+CSS基础课程(系列)2013-11-01


• 5.分页页码制作（案例）2013-11-06


• 6.导航条菜单的制作（案例）2013-11-08


• 7.信息列表制作(案例)2013-11-15


• 8.下拉菜单制作(案例)2013-11-22


• 9.如何实现“新手引导”效果2013-12-06

最后，我们加一个鼠标悬停的效果：

• 1.学会html5 绝对的屌丝逆袭（案例）2013-09-18


• 2.tab页面切换效果（案例）2013-10-09


• 3.圆角水晶按钮制作（案例）2013-10-21


• 4.HTML+CSS基础课程(系列)2013-11-01


• 5.分页页码制作（案例）2013-11-06


• 6.导航条菜单的制作（案例）2013-11-08


• 7.信息列表制作(案例)2013-11-15


• 8.下拉菜单制作(案例)2013-11-22


• 9.如何实现“新手引导”效果2013-12-06