Vincec's Dimension

VINCEC Side Navegation Bar

Word count: 118 / Reading time: 1 min
2018/06/01 Share

Made a pure JS, HTML and CSS3 based Side Navegation Bar

Demo Page

Featues

  • Pure JS, HTML and CSS3 based
  • Swtiching between two mode: normal or side

The example Json code of Demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
{
"Category": [
{
"innerhtml": "Archive",
"src": "./img/alien-ship.svg",
"class": "side",
"subCategory": [
{
"innerhtml": "Tags",
"src": "./img/secondLi.svg"
},
{
"innerhtml": "Time",
"src": "./img/secondLi.svg"
}
]
},
{
"innerhtml": "About Me",
"src": "./img/big-dipper.svg",
"class": "normal"
},
{
"innerhtml": "Friends",
"src": "./img/half-moon.svg",
"class": "normal",
"subCategory": [
{
"innerhtml": "Friends A",
"src": "./img/secondLi.svg"
}
]
}
]
}

Author: VINCEC

Permalink: https://vince-amazing/blog/2018/06/01/vincec-side-nav/

Date: June 1st 2018, 9:14:46

Copyright license: The article usingCC licensing 4.0

CATALOG
  1. 1. Featues
    1. 1.1. The example Json code of Demo