Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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
});
});