美文网首页
css效果点击一个a跳到相对应的楼层

css效果点击一个a跳到相对应的楼层

作者: Light_shallow | 来源:发表于2018-11-28 16:19 被阅读0次

直接用css实现点击a跳转到相对应的楼层

<ul class="list">

<li><a href="#1F">A</a></li>

<li><a href="#2F">B</a></li>

<li><a href="#3F">C</a></li>

<li><a href="#4F">D</a></li>

<li><a href="#5F">E</a></li>

<li><a href="#6F">F</a></li>

<li><a href="#7F">G</a></li>

</ul>

下面的每一楼层

<div class="common" id="1F"><div>

都类似于这么写

用id绑定相对应的那一层

这个对于页面的影响就是地址栏中url地址的根地址后面会变成   这个id对应的名称

假设原先是 http://baiduaa.com/floor

点击 第二层变成 http://baiduaa.com/2F类似于这些

相关文章

网友评论

      本文标题:css效果点击一个a跳到相对应的楼层

      本文链接:https://www.haomeiwen.com/subject/uozdqqtx.html