博客园页面添加返回顶部 TOP 按钮
TOP 按钮
进入网页管理 -> 设置
在 "页面定制 CSS 代码" 中添加如下 CSS 样式, 当然你可以改为自己喜欢的样式
此处可以将背景色 background-color 改为:
background:url(/cnblogs_com/gitwow/1393973/o_o_o_toTop.png) no-repeat -70px top;
在 "页脚 html 代码" 中添加如下代码, 可以将文字改为图片
此处 < a href="#top"> 改为:#_labelTop, 我的博客园好像没有 #top
锚点 1 文字 TOP 必须留着, 才能跳转到锚点 #_labelTop, 而且也不知道怎么将文字改为图片??
点击保存按钮
这样就在自己的页面添加了回到顶部的 Top 按钮
利用 jQuery 制作带动画版本的跳转
首先需要在顶部添加如下 HTML 元素:
其中 a 标签指向锚点 top, 可以在顶部放置一个 < a name="top"> 的锚点, 这样在浏览器不支持 JS 时也可以实现返回顶部的效果了. TO 锚点 1
要想让返回顶部的图片显示在右侧, 还需要一些 CSS 样式, 如下:
一般的 Markdown 编辑器如果我们想实现页内跳转可以这样做:
定义锚点:destination
定义跳转:[jump] (#des)
现在以下方法也不能使用了. 所以简书的小伙伴们, 放弃吧
但这套做法在简书的 Markdown 上就行不通了, 锚点定义部分会原样输出.
简书上利用 a 标签也能实现跳转, 但是会打开新的页面, 这就难以接受了.
在简书上实现页面内的锚点跳转方法:
定义跳转: 点击跳转
中间是长长的一段, 此处省略一万字.....
定义锚点: 跳到这里来
[锚点简介]
锚点是网页制作中超级链接的一种, 又叫命名锚记. 命名锚记像一个迅速定位器一样是一种页面内的超级链接, 运用相当普遍.
英文名: anchor
使用命名锚记可以在文档中设置标记, 这些标记通常放在文档的特定主题处或顶部. 然后可以创建到这些命名锚记的链接, 这些链接可快速将访问者带到指定位置.
创建到命名锚记的链接的过程分为两步. 首先, 创建命名锚记, 然后创建到该命名锚记的链接.
[锚点用法]
建立一个跳转的连接:
[说明文字](#jump)
标记要跳转到的位置
跳转到这里:
TOP 按钮
来源: /infodetail-2957756.html