利用JS生成博文目录及CSS定制博客

PHPz
Release: 2018-10-13 17:15:49
Original
1505 people have browsed it

本文实例为大家介绍了利用JS生成博文目录及CSS定制博客的方法,分享给大家供大家参考,具体内容如下

想要生成目录,许多都说需要JS修改权限,那个这里就直接进入设置页面,找到下方的联系邮箱直接发去就行了,工作人员回复的还是很快的。

拿到权限之后,下面就是将编(搜)写(寻)的JS代码放在页脚HTML代码的方框内,然后点击保存就可以了。要注意目录的生成是几级标题,这一点可是很重要的。JS代码如下,基本没有变化,拷贝了原作者的写法,可以生成二级目录,分别为h2和h3,这点需要注意。

综合来说,这个目录有以下几点的特点,这些也都可以在本文中看到(二级目录本博文没有使用)。

1). 可以在博文首部生成两级目录
2). 每个一级目录上方有一个回到顶部的链

JS代码如下。

0) { var content = ''; content += ''; content += '目录'; content += ''; for(var i=0; i回到顶部'; $(h2_list[i]).before(go_to_top); var h3_list = $(h2_list[i]).nextAll("h3"); var li3_content = ''; for(var j=0; j'; $(h3_list[j]).before(li3_anchor); li3_content += '' + $(h3_list[j]).text() + ''; } var li2_content = ''; if(li3_content.length > 0) li2_content = '' + $(h2_list[i]).text() + '' + li3_content + ''; else li2_content = '' + $(h2_list[i]).text() + ''; content += li2_content; } if($('#cnblogs_post_body').length != 0 ) { $($('#cnblogs_post_body')[0]).prepend(content); } } } GenerateContentList(); " _ue_custom_node_="true">
Copy after login

【相关教程推荐】

1.JavaScript视频教程
2.JavaScript在线手册
3.bootstrap教程

Related labels:
js
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!