DeepMenu

- Custom menu and navigation icons
- Menu grid cell size
- Grid layout (columns and rows)
- Gap size between grid cells (vertical and horizontal)
- Four types of transitions
- Transition duration
- Static or dynamic navigation icons
- Text color
- Background color (when mouse is over the menu item)
- Level mark (shown if menu item has deeper level)
- Level mark color

Example #1

'tileW'	:	64
'tileH'	:	100
'hGap'	:	10
'vGap'	:	10
'columns'	:	2
'rows'	:	2
'animation'	:	'diagonal'
'mark-type'	:	'top-right'
'mark-color'	:	'#CCCCCC'
'mark-width'	:	10
'hover-background'	:	'#515A63'
'text-color'	:	'#ED503D'
'static-nav'	:	true

Example #2

'tileW'	:	64
'tileH'	:	100
'hGap'	:	5
'vGap'	:	5
'columns'	:	2
'rows'	:	2
'hover-background'	:	'#0E0E0E'
'text-color'	:	'#6F7070'
'duration'	:	600
'navIconBack'	:	img/back_20x20_grey.png
'navIconHome'	:	img/home_20x20_grey.png

Example #3

'tileW'	:	64
'tileH'	:	100
'hGap'	:	5
'vGap'	:	5
'columns'	:	5
'rows'	:	1
'hover-background'	:	'#0E0E0E'
'text-color'	:	'#6F7070'
'animation'	:	'top'
'duration'	:	600
'navIconBack'	:	img/back_20x20_grey.png
'navIconHome'	:	img/home_20x20_grey.png

Example #4

'tileW'	:	64
'tileH'	:	100
'hGap'	:	10
'vGap'	:	10
'columns'	:	1
'rows'	:	5
'hover-background'	:	'#313131'
'text-color'	:	'#ED5235'
'duration'	:	600
'animation'	:	'top'
'navIconBack'	:	img/back_20x20_orange.png
'navIconHome'	:	img/home_20x20_orange.png
'mark-type'	:	'bottom-right'
'mark-color'	:	'#ED5235'
'mark-width'	:	6