Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/coderius/jquery-dynamic-content-menu
Dynamically generated content menu for easy navigation on a separate web page. Menu items are formed by default from the h1, h2, h3 tags in the content.
https://github.com/coderius/jquery-dynamic-content-menu
dynamic-content-menu jquery jquery-menu jquery-plugin menu
Last synced: 2 months ago
JSON representation
Dynamically generated content menu for easy navigation on a separate web page. Menu items are formed by default from the h1, h2, h3 tags in the content.
- Host: GitHub
- URL: https://github.com/coderius/jquery-dynamic-content-menu
- Owner: coderius
- License: other
- Created: 2019-07-08T06:34:10.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-10-21T11:24:06.000Z (over 5 years ago)
- Last Synced: 2024-11-19T20:09:31.083Z (2 months ago)
- Topics: dynamic-content-menu, jquery, jquery-menu, jquery-plugin, menu
- Language: CSS
- Size: 23.4 KB
- Stars: 2
- Watchers: 1
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
Jquery dynamic content menu
===========================
**This plugin on the fly creates a menu of the current page. By clicking on any menu item, the plugin moves to this item on the page. By default, menu items are formed from headline tests h1, h2, h3.
But you can specify any tags, css classes or id elements that will take part in the formation of the menu.**See code example - [html code and include plugin & basic config](https://github.com/coderius/jquery-dynamic-content-menu/blob/master/demos/index.html)
Plugin gif in action:
-------------------
![Jquery dynamic content menu](https://github.com/coderius/github-images/blob/master/ezgif.com-video-to-gif.gif?raw=true "Jquery dynamic content menu")Basic usage.
-----------
Include CSS and JavaScript files.Between ... include css
```html
Jquery dynamic content menu
```Before include scripts and plugin like thet:
```js
$(function() {
if(!window.jQuery){
alert('jQuery not included!');
}
//Include plugin
$("#dinamicMenu").dynamicContentMenu({
// 'theme' : "material",
'selectors' : "h1, h2, h3, .h1s",
'extendPage': false // do not increase page height
});
});