之前有网友在文章评论咨询了关于帝国cms文章内容页H2/H3如何生成目录的问题,其实文章生成目录,无非就是JS判断h2、h3的问题。无关是wordpress博客程序还是帝国cms程序。
这里简单照搬网上《博客园博客自动生成章节目录索引》的方法实现,先看效果图,再看代码
帝国cms文章生成目录JS代码
<div class="article-content">
<!-- 这里是文章内容 -->
<h2></h2>
<h3></h3>
</div>
注意要点二:以下这段代码中.article-content,是指目录生成的位置,如果想要在内容页则改成内容页对应的div.article-content这类容器,如果想在侧边栏实现则在容器div.sidebar或者div.aside容器内的加入一个div.catalogu容器也行
if ($('.article-content').length != 0) {
$($('.article-content')[0]).prepend(content);
}
如果想要目录随侧边栏滚动,也很简单直接百度搜索,JS实现页面侧边栏浮动跟随,查找相关代码,套上即可,这里就不多加赘余介绍了。
发表评论