HTML5+CSS3小实例：后台管理系统的侧边导航栏

html-css021

HTML5+CSS3小实例：后台管理系统的侧边导航栏,第1张

HTML5+CSS3做一个后台管理系统的侧边导航栏，点击三条杠，可以收起或展开侧边导航栏。收起时，图标变大，文本在图标下方，管理员头像右侧的欢迎语隐藏；展开时图标变小，文本在图标的右侧显示，管理员头像右侧的欢迎语显示。切换过程伴有过渡动画，右侧内容区可以放自己的内容。

效果：

源码：

常见的HTML5与后台交互方式有：1 传统的GET、POST提交FORM，2 使用AJAX技术交互 3 使用 websocket 交互

其实还有一个技术是使用iframe来进行交互，不过，这个技术现在用的已经不多了。

大哥，html本来就是前端渲染页面的，根本就没有逻辑，连html5都是借助js才能实现的，所以如果光是html，别说不可能实现后台搭建，前端的逻辑处理你都完不成。你用html、css、js三者可以实现前端页面搭建，然后用nodejs本地模拟服务器，也就是后台。