类似这种的目录，根据文章中的H标签来自动生成
js代码如下 需要引入jquery库
- $(".post-content").find("h1,h2,h3,h4,h5,h6").each(function(i,item){
- var tag = $(item).get(0).nodeName.toLowerCase();
- $(item).attr("id","h"+i);
- $(".docs-menu").append('<li><a class="title-'+tag+' sidebar-link" href="#h'+i+'">'+$(this).text()+'</a></li>');
- $(".title-h1");
- $(".title-h2");
- $(".title-h3");
- $(".title-h4");
- });
- $(".sidebar-link").click(function(){
- $("html,body").animate({scrollTop: $($(this).attr("link")).offset().top}, 600);
- })
效果如图：
还没有任何评论，你来说两句吧
相关文章
WordPress自定义robots协议让搜索引擎抓取网站指定内容
大家做网站难免有些时候不想让某些搜索引擎抓取某些页面，当然可以在根目录下放robots.txt文件屏蔽搜索引擎或者设置搜索引擎可以抓…
这款WordPress主题的SEO功能是真骚！且强大！HaoSao主题
WordPress这个网站程序应该是世界上被广泛使用最多的CMS系统了，它不仅开源、免费、功能强大、并且是比较SEO友好的，所以越来…
![分享一套至尊法宝之[ 顺口溜 ]_致建站的我们(建议收藏)](https://cdn.bigetheme.com/wp-content/uploads/2020090719580620.jpg)
修改WordPress数据库前缀 方便开启缓存以及消除可能存在的安全隐患
很多第一次接触 WordPress 的博主站长们在安装 WordPress 的时候，都是直接使用数据库的默认表前缀 wp_，据说这个…
使用Memcached内存缓存优化 WordPress 自动草稿功能
Memcached 内存缓存可以优化 WordPress 很多功能，让你的 WordPress 变得更快，接下来我们会通过一系列文章…
发表评论