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