今天,我们将与您分享5个jQuery Table of Content(TOC)插件的集合。 这些插件将动态,自动地在页面上任何位置以任何样式自动创建一个有组织的目录列表。
1. STOC –平滑目录jQuery插件
2. TableOfContents
该插件基于以下内容创建目录
通过
网页的标签或网页的子集。
特征:
>可以将范围限定在页面的任何区域
>根据目录的容器DOM元素自动确定列表类型
>支持嵌套的有序和无序列表,以及链接的直接列表
>为每个标题自动创建像块一样的锚(在尚未具有id的标题上)
>支持比例空间格式选项以创建表示实际内容量的可视目录
>完全可定制。 没有CSS类或ID硬编码到插件中。
>在一页上支持多个实例。
源 演示
3.强化
一个动态生成目录的jQuery插件。 Tocify可以选择使用Twitter Bootstrap或jQueryUI Themeroller设置样式,还可以选择使用jQuery显示/隐藏效果进行动画处理。
来源+演示
4.固定目录下拉菜单(jQuery插件)
一页的网站,在屏幕顶部使用固定的下拉菜单,以“目录”样式折叠/展开。
源 演示
5. jQuery Headerlinks插件
jQuery headerlinks插件将自动在页面上的任何位置创建一个目录块表。 它具有极大的灵活性,可以自动完成许多事情。
来源+演示
From: https://www.sitepoint.com/5-jquery-table-content-toc-plugins/