开发工具与关键技术:Visual Studio 2015
作者:杨灵武
撰写时间:2019/05/17
这个监听的功能主要的是可以快速的找到你想要找到的地方,
现在我们写3个标题,
然后通过点击的方式快速的找到对应的段落,方便测试的时候可以看到效果。
下面是代码块详情见图片:
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#section1">标题1<img src="~/Content/images/face/0.gif"/></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section2">标题2<img
</ul>
</nav>
Id的命名和调用的命名要保持一致,(id (section…)= (#section…) )
2.注意把段落与段落之间的距离要远一点, 方便测试的时候可以看到效果。
下面的是段落的代码块详情见图片,
<div id="section2" style="padding-top:70px;padding-bottom:70px">
<h1><img src="~/Content/images/face/1.gif" />段落2</h1>
</div>
<div id="section3" style="padding-top:70px;padding-bottom:70px">
<h1><img src="~/Content/images/face/10.gif" />段落3</h1>
</div>