利用锚点制作简单索引效果

网友投稿 343 2022-10-26


利用锚点制作简单索引效果

【功能说明】

【HTML代码说明】

【1】【主体框架】

【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重点代码说明】

//设置宽度比子级宽度窄20px,及设置overflow:hidden达到隐藏滚动条并可以滚动的效果.listWrapOut{     width: 480px;     overflow: hidden; }//使显示出高度为280px,背景颜色为#ccc.listWrap{     overflow:auto;     height: 280px;     background-color: #ccc;         width: 500px; }//通过设置计算后的高度值,使详细信息框里的每个锚点将链接时,都可以正好到达信息框的顶部.list{     height: 1080px; }

【效果展示】


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:framework层和native层实现联网控制(iptable方式)
下一篇:SpringMVC框架整合Junit进行单元测试(案例详解)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~