JavaScript直接实现响应式可折叠导航栏

这是一只前端小白，只会一点点Html、CSS和JavaScript，而且暂时不会Bootstrap框架和jQuery库，甚至也不会Canvas……而且如果改用Bootstrap框架需要对已有的网站大改，所以不得不尝试只用JavaScript实现。

一、实现思路

用Ps画一个背景透明的32px×32px导航栏图标nav.png。

@media screen and (min-width: 768px)大屏幕：