用a标签实现跳转到本页面或者目标页面的顶部、底部或者某一位置
2016-10-04 00:53
330 查看
定义目标位置,赋予id。
给a标签添加href为#id。
例1:
给a标签添加href为#id。
例1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <h1 id="dingbu">哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <h1>哼哼哼,赫尔嘿嘿</h1> <a href="#dingbu">跳转到顶部</a> <a href="10目标页面的固定位置.html#dibu">跳转目标页面底部</a> </body> </html>
注意: 1:以上代码若想实现第二个a标签的效果需要建立正确的目标页面。 2:跳转到本页面为href = "#"。
相关文章推荐
- 实现页面某位置点击到底部和回顶部
- a标签实现当前页面跳转某个位置
- js实现跳转到顶部或者底部
- 基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
- div footer标签css实现位于页面底部固定
- html页面标记 点击目录跳转到页面相应位置 简易回到顶部
- JQuery中模拟点击<a>标签,实现页面跳转
- jquery实现div层随页面滚动而滚动(固定在某一位置)
- 如何通过HTML标记或JS代码实现跳转返回页面顶部
- PullToRefreshListView实现根据拖拉的方向进行在顶部或者底部加载数据。
- 用A标签实现页面内容定位 点击链接跳到具体位置
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- 基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码
- 利用box-flex实现 dom元素位置页面底部
- 在网页静态页面里面怎么跳转底部顶部的代码
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)
- html中的a标签用js来实现页面跳转的功能(php分页时做的页面跳转)
- 使用Jquery实现顶部导航栏在页面滑动到自身所在位置之后固定在顶部的效果
- 实现页面内的指定位置跳转 HTML标记语言:锚点的使用
- JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)