效果如图：

html:(一个差异包裹两个ul)

div style=' position :绝对值；left: 500pxtop: 200px背景-颜色：白色；高度： 140像素；宽度： 400像素；border:固体；1px '隐藏飞越：id='box' ul id='ul1' lia href='#'1 .学会html5绝对的屌丝逆袭（案例)/aspan 2013-09-18/span/Li lia href=' # ' 2。标签页面切换效果（案例)/aspan 2013-10-09/span/Li lia href=' # ' 3 .圆角水晶按钮制作（案例)/aspan 2013-10-21/span/Li lia href=' # ' 4 .HTML CSS基础课程（系列)/aspan 2013-11-01/span/Li lia href=' # ' 5 .分页页码制作（案例)/aspan 2013-11-06/span/Li lia href=' # ' 6 .导航条菜单的制作（案例)/aspan 2013-11-08/span/Li lia href=' # ' 7 .信息列表制作（案例)/aspan 2013-11-15/span/Li lia href=' # ' 8 .下拉菜单制作（案例)/aspan 2013-11-22/span/Li lia href=' # ' 9 .如何实现"新手引导"效果/aspan 2013-12-06/span/Li/ul ul id=' ul2 '/ul/div js代码：

window.onload=roll函数roll(){ var ul1=文档。getelementbyid(' ul1 ')；var ul2=文档。getelementbyid(' ul2 ')；var box=文档。getelementbyid(' box ')；ul2。innerhtml=ul1。innerhtml盒子。滚动顶部=0；var timer=setInterval(rollStart，50)；盒子。onmouseover=function(){ clearInterval(timer)} box。onmouseout=function(){ timer=setInterval(roll start，50)；} }函数滚动开始(){如果(框。滚动顶部=ul1。滚动高度){//滚动顶部属性既是卷起最上端和包厢的距离盒子。滚动顶部=0；} else { box.scrollTop} }以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。