频道导航

• ▸ PHP
• ▸ Java
• ▸ Java SE
• ▸ Python
• ▸ C#
• ▸ C&C++
• ▸ Ruby
• ▸ VB
• ▸ asp.Net
• ▸ Go
• ▸ Perl
• ▸ netty
• ▸ Django
• ▸ Delphi
• ▸ Jsp
• ▸ .NET Core
• ▸ Spring
• ▸ Flask
• ▸ Springboot
• ▸ SpringMVC
• ▸ Lua
• ▸ Laravel
• ▸ Mybatis
• ▸ Asp
• ▸ Groovy
• ▸ ThinkPHP
• ▸ Yii
• ▸ swoole
• ▸ HTML
• ▸ HTML5
• ▸ JavaScript
• ▸ CSS
• ▸ jQuery
• ▸ Bootstrap
• ▸ Angularjs
• ▸ TypeScript
• ▸ Vue
• ▸ Dojo
• ▸ Json
• ▸ Electron
• ▸ Node.js
• ▸ extjs
• ▸ Express
• ▸ XML
• ▸ ES6
• ▸ Ajax
• ▸ Flash
• ▸ Unity
• ▸ React
• ▸ Flex
• ▸ Ant Design
• ▸ Web前端
• ▸ 微信小程序
• ▸ 微信公众号
• ▸ iOS
• ▸ Android
• ▸ Swift
• ▸ Hybrid
• ▸ Cocos2d-x
• ▸ Flutter
• ▸ Xcode
• ▸ Silverlight
• ▸ cocoa
• ▸ Cordova

• 前端之家
• jQuery
• jQuery插件之Tocify动态节点目录菜单生成器附源码下载

@H_404_0@以上的HTML结构代码大家可以修改tocify的CSS文件来满足你项目视觉的需求。

@H_404_0@

Javascript

@H_404_0@使用jQuery选择选中我们的toc元素，然后通过tocify()方法调用Tocify插件。

@H_404_0@如此，运行网页，一个动态的文章目录就生成了。

@H_404_0@

选项设置

@H_404_0@Tocify提供了丰富的选项设置，我们可以根据项目实际需求设置不同的选项参数。以下是主要的几个参数选项介绍：

@H_404_0@ 文章节点，可以关联生成目录效果："none","fadeIn","show",or "slideDown"效果："none","fadeOut","hide","slideUp"菜单时，是否平滑滚动到文章对应的节点内容页面滚动时，页面顶端与目录之间的间隔页面时，是否显示和隐藏目录子菜单内容展示风格，可以是"bootstrap","jqueryui",or "none"

• 上一篇：jQuery抛物线运动实现方法(附完整d下一篇：jquery实现简单的遮罩层