最新公告
  • 欢迎您光临 我爱模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境! 立即加入钻石VIP
  • 帝国cms文章内容页H2H3实现目录功能

    正文概述 管理员   2025-09-03   9

    之前有网友在文章评论咨询了关于帝国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实现页面侧边栏浮动跟随,查找相关代码,套上即可,这里就不多加赘余介绍了。


    我爱模板网 » 帝国cms文章内容页H2H3实现目录功能

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者
    script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?587cc1e5c052b5b0ce99533beff13c96"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();

    请选择支付方式

    ×
    支付宝支付
    余额支付
    ×
    微信扫码支付 0 元