博客园随笔中点击标签可以跳到当页指定位置的方法

  我们在写随笔的时候,如果内容比较多,那么我们就希望在最前面的索引中能自带跳转本文中的具体问之的功能。下面就简单介绍下载博客园中要实现这样的功能的方法。例如文章结构可能如下,那么我们希望点击索引中的索引项时能具体调到具体内容中对应的位置。

索引

1、Struts2是什么玩意?核心?主要的功能?

2、Struts2的核心知识

内容

一  、Struts2是什么玩意?核心?主要的功能?

.......

二、Struts2的核心知识

......

具体方法是将你要跳转的标题插入设置书签,之后在标签中插入超链接。链接地址为    #书签名    。具体步骤如下:

第一步: 插入标签: w1,在具体内容中对应索引每一项的位置的开始插入标签,给这个标签去一个名字(自己随意取),我们这里暂定w1。

第二步:在 索引项中 1、Struts2是什么玩意?核心?主要的功能?中插入链接:

锚点:选择前面我们再具体内容中设置的标签w1即可

链接URL地址:在锚点选择之后会自动生成 #w1

目标:在目前窗口打开超链接

设置完成点击更新或插入即可。

原文地址:https://www.cnblogs.com/mukekeheart/p/11684017.html

时间: 2024-11-10 20:24:37

博客园随笔中点击标签可以跳到当页指定位置的方法的相关文章

博客园随笔导出CHM

有过几段时间特别希望能把自己在博客园发布的随笔整理成PDF或CHM之类的电子档.试用了豆约翰博客备份专家.瑞祥博客备份工具.BlogDown.Blog_Backup等备份工具,给我的感觉都不怎样,对于非注册版本导出有限制,而且导出的样式真心觉得丑!最近在博客园看到使用CHM文档 采集随笔(续),扒拉下来稍微修改后还真可以使用~.~先看导出的CHM效果图 主要修改的部分:1.博客园随笔从2013-06-17起(翻看别人的随笔推测的时间点),随笔路径从http://www.cnblogs.com/u

博客园随笔中添加目录导航悬浮框

1,在博客园设置中申请js权限,写明申请理由大约2-3小时通过 2,通过后在后台设置中添加CSS代码 /*生成博客目录的CSS*/ #uprightsideBar{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; position:fixed;/*将div的位置固定到距离top:50px,right:0px的位置,这样div就会处在最右边的位置,距离顶部50px*/ top:50px; righ

博客园--随笔小技巧之超链接的使用

首先copy一下你要引用的网址如下: 选中-->右键 或者同上选中点击 如图提示操作: 这个必须填,否则超链接不生效,本人亲自测试,新手必学! 以上两步就可以实现了,方便体验加个小手图标更友好方便 鼠标移到下面网址点一下试试: 这就是你将引用他人的博客地址:http://www.cnblogs.com/lusid/ 博客园的使用小技巧你学会了么 新手推荐一下,之前百度都没有的小技巧,大牛无视!!! 觉得实用,喜欢的话,推荐一下,谢谢!

博客园鼠标点击彩蛋特效

博客园是一个很开放的平台,大家都可以在里面美化自己的博客,把自己的博客变得多彩. 鼠标的特效花了我很长的时间,下面我把如何做成“鼠标点击彩蛋特效”告诉大家. 1.应把鼠标点击特效的代码放在哪里 把代码放在页脚Html代码处 2.代码实现 1 <script src="https://blog-static.cnblogs.com/files/yjlblog/cursor-effects.js"></script> 2 <canvas width="

【转】 博客园自定义样式修改标签页的icon图标

有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢? 按照以下四步你也可以实现自定义标签图标. From To 第一步:挑挑拣拣 选一张icon图标(尺寸不要太大)不然加载会很慢 如果想通过自己的图片生成favicon,可以使用这个网站: Favicon Generator. For real. 第二步:传文档 在博客园的设置界面选择文档,将你喜欢的图片上传上来 第三步:写代码 在设置中的页脚Html代码中插入以下script脚本

实现Iapp软件截取博客园随笔内容更改事件代码

代码如下           还没有完全写完, t() { .线程一.1 hs("http://www.cnblogs.com/BlmVac/p/5551737.html",null,null,codebh) f(codebh?"博客园") { .判断是否能截取网络数据1.1 sj(codebh,"是否提示*","*",proSwit) .tw(proSwit) f(proSwit==0) { .判断proSwit.1 sj(

如何在博客园随笔中增加章节导航

在博客园阅读了很多优秀的博文,内容清晰,结构合理,开篇还有目录索引,自己也用博客园很长时间了,今天补充下如何自己手动生成博文的章节目录索引. 阅读目录: 1. 文章撰写 2. 添加锚点 3. 添加目录并建立锚点链接 4. 附录 1. 文章撰写 把需要的文章内容先写完整,章节标题添加标题3的样式(在TinyMCE编辑器下,标题3的样式最适宜). 文章内容应精炼,结构清晰,逻辑简单,中心思想明确.单一. 2. 添加锚点 在完成内容的标题位置添加锚点,博客园默认编辑器TinyMCE编辑器中“插入/编辑

特使博客园随笔输入法自动换行的问题。

ABCDEFG1234567890abcdefgABCDEFG1234567890abcdefgABCDEFG1234567890abcdefgABCDEFG1234567890abcdefgABCDEFG1234567890abcdefg defg(后台编辑换行后内容) ABCDEFG1234567890abcdefgABCDEFG1234567890abcdefgABCDEFG1234567890abcdefgABCDEFG1234567890abcdefgABCDEFG1234567890

我的第一篇博客园随笔

只是简单测试 var a = 1; var b = 2; const add = function(x,y){ return x+y; }; add(a,b) 原文地址:https://www.cnblogs.com/allenem/p/10957720.html