zoukankan      html  css  js  c++  java
  • 定位效果——大前端页内定位实现

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

    实现原理:在网页内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
  • 相关阅读:
    rogue 源码 curses图形库实现的
    FreeBSD命令(抄至网络)
    没动力没精神
    加班无聊逛论坛
    2009年的FreeBSD命令(转载的)
    freebsd上源码安装cmake
    freeBSD中fetch下载工具使用
    Mac 安装HomeBrew 踩坑总结
    mybatis插入数据时,自动获取主键的自增id
    java 8对List的处理
  • 原文地址:https://www.cnblogs.com/shuai7boy/p/6021809.html
Copyright © 2011-2022 走看看