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

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

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

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

(向立凯)


源码下载: http://download.csdn.net/detail/xianglikai1/9785479

pc端1980:文字长度自适应,居中自适应


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



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


最后,移动设备768以下:


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



二级栏目展开:点击一级栏目,再次点击可收起








评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值