纯HTML+CSS+JQUERY的响应式导航

来源：互联网发布：虚拟机上ubuntu服务器编辑：程序博客网时间：2024/05/18 05:25

此次纯手工制作了一个基于基础的html+css3+Jquery的响应式导航demo，感觉适合大部分对于响应式导航有需求的项目，也即将使用到我的项目中去。

BootStrap中的导航虽然完善，但是不太适合我的项目使用，改过的人应该都知道，不太好改，网上也找了一圈，也没有感觉很适合自己改动的导航，因为需要有子级栏目。(向立凯)

没办法，自己写了一个，测试感觉还有点小问题，但是基本不影响，样式什么的都可以自己改动，并没有写的很死，下面上几张效果图，附带源码下载，不需要积分。

(向立凯)

pc端1980：文字长度自适应，居中自适应

pc端1200：移入下拉菜单，宽度跟随栏目尺寸，高度自适应

ipad横版及pc端1080：下拉菜单

最后，移动设备768以下：

一级栏目展开：点红色的div，再次点击可收起

二级栏目展开：点击一级栏目，再次点击可收起

0 0