好看的横向折叠式侧边栏
-
在我的理解中，横向的折叠式菜单比纵向的好看哈哈~~ 之前学jQuery的时候jQuery能够很轻松的做出纵向的菜单栏，它没有封装横向的，所以研究了一下横向的哈哈
-
先上效果图
-
-
-
就这两个图，图标引用的是fontawesome这个图标库，用的是CDN的引入方式
-
有一个注意点是引用的时候要先 fa 再fa-图标名 -
原理是向将侧边栏通过transform向左移动250px 当点击按钮后 让侧边栏回到原来的位置 当然侧边栏要先绝对定位固定在左边
-
为了让文字也跟着一起移动，所以给文字内容设置左边距为250px 让其随着侧边栏一起运动！！
-
这个就是所用到的知识点，比较简单 但是蛮新鲜的
-
https://gitee.com/jimmyxuexue/simple_demo 这个是码云的地址 上面有源码