首页 > 其他 > 详细

大前端——页内定位效果实现

时间:2016-11-02 10:23:35      阅读:191      评论:0      收藏:0      [点我收藏+]

目标:实现网页点击跳转到指定标签

实现原理:在网页内a标签的href后面写上#a,然后再在下面想定位的元素那加个name为a的,这样两者就建立起了对应关系。

下面是个简单演示,如图:

 技术分享技术分享 技术分享

代码如下:

技术分享
<html>
<head>
<title></title>
</head>
<body>
<!--一部分开始-->
<p>
<strong>
<span style="color:#ff6600;">
<a href="#sjkx">
<span style="color:#ff6600;">1.面向过程</span>
</a>
</span>
</strong>
</p>
<!--一部分结束-->
<p>
<strong>
<span style="color:#ff6600;">
<a href="#sjka">
<span style="color:#ff6600;">2.面向对象</span>
</a>
</span>
</strong>
</p>
<!--一部分开始-->
<p>
<a name="sjkx"></a>
</p>
<P>
hello world<br/>
hello world<br/>
hello world<br/>hello world<br/>
hello world<br/>
hello world<br/>
</P>
<!--一部分结束-->
<p>
<a name="sjka"></a>
</p>
<P>
hello world<br/>
hello world<br/>
hello world<br/>hello world<br/>
hello world<br/>
hello world<br/>
</P>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</body>
</html>
View Code

 

大前端——页内定位效果实现

原文:http://www.cnblogs.com/shuai7boy/p/6021809.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!