css+Jquery实现抽拉式导航条和页面内容适应

效果图如下

css+Jquery实现抽拉式导航条和页面内容适应_第1张图片

对于树形结构目录,我采用的是无序列表来实现,更符合SEO

其中要注意的一点就是你的点击事件放置位置,在li标签中,添加点击事件监听的应该和子目录标签分隔开,点击事件一定不能放在li父标签
直接可以用css去实现,js控制class的出现,就行了

对于左右隐藏,主体内容填充

记住不要使用什么css的变换,这样浏览器在重流时,会同步重流,导致出现窗体抖动,各种问题
解决方法,用伸缩布局,直接改变宽度就行(本来不知道,一直在试,最后去看了阿里云的控制台页面,发现就改变了一下宽度,我去。。。)
样例嘛,等我域名申请好...
http://www.reyirfw.cn/jquery/经典管理系统.html

你可能感兴趣的:(css+Jquery实现抽拉式导航条和页面内容适应)