点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果
这个效果实现方式很简单,只需要在a标签href内填上id名,在内容标签内加入id="名"便可。
下面是实现效果图
点击这个a标签
便可跳转到这个页面底下的文本框内容部分
以下是HTML代码,可以提供参考
<style type="text/css">
.shopping h1 {
color: crimson;
text-align: center;
}
.shopping ul {
text-align: center;
}
.shopping ul li {
width: 64px;
cursor: pointer;
display: inline-block;
padding-top: 30px;
margin-left: 20px;
}
.shopping ul li a {
text-decoration: none;
color: #000000;
}
.shopping .shopping_commodity {
margin: 0px 100px;
}
.shopping_commodity>span {
border: 1px solid gainsboro;
display: block;
border-radius: 15px;
margin: 0px auto;
}
.shopping_commodity>span>p {
line-height: 45px;
padding: 20px 40px;
}
</style>
<div class="shopping">
<h1>购物须知</h1>
<ul>
<li class="hover