此次纯手工制作了一个基于基础的html+css3+Jquery的响应式导航demo,感觉适合大部分对于响应式导航有需求的项目,也即将使用到我的项目中去。
BootStrap中的导航虽然完善,但是不太适合我的项目使用,改过的人应该都知道,不太好改,网上也找了一圈,也没有感觉很适合自己改动的导航,因为需要有子级栏目。(向立凯)
没办法,自己写了一个,测试感觉还有点小问题,但是基本不影响,样式什么的都可以自己改动,并没有写的很死,下面上几张效果图,附带源码下载,不需要积分。
(向立凯)
源码下载: http://download.csdn.net/detail/xianglikai1/9785479
pc端1980:文字长度自适应,居中自适应
pc端1200:移入下拉菜单,宽度跟随栏目尺寸,高度自适应
ipad横版及pc端1080:下拉菜单
最后,移动设备768以下:
一级栏目展开:点红色的div,再次点击可收起
二级栏目展开:点击一级栏目,再次点击可收起