【功能说明】
点击按钮时,页面跳转到对应区域
【html代码说明】
【1】【主体框架】
//将详细信息框外边再套一层div,是为了限制展示区的高度,并避免出现滚动条 //详细信息框
//控制框 //设置href为#a,意思是点击该标签页面将跳转到名称为a的锚点上 a b c d e
【2】【详细信息列举】
//a信息,设置id为a,意思是将该锚点命名为a //标题 a //内容 a.1
a.2
a.3
a.4
a.5
b b.1
b.2
b.3
b.4
b.5
【css重点代码说明】
//使显示出高度为280px,背景颜色为#ccc,并且无滚动条.listwrap{ overflow:hidden; height: 280px; background-color: #ccc; width: 500px;}//通过设置比较大的高度值,使详细信息框里的每个锚点将链接时,都可以到达信息框的顶部.list{ height: 2000px;}
【效果展示】
【源码查看】
