jQuery京东移动端头部菜单

黑色简洁风格的京东移动端头部菜单，用 jQuery 来搞挺顺手的。你要是做电商类项目，或者模仿京东那一套 UI 交互，这资源还挺实用的。

jQuery 的.click()和.slideToggle()组合用起来顺滑，一点按钮，菜单就能平滑展开或收起，用户体验也不错。触屏设备上，响应也快。

导航结构嘛，常见的几项：首页、分类、购物车、我的京东，样式上做了适配，手机上看也不挤。配合@media写点响应式 CSS，适配不同尺寸的屏幕没太大问题。

菜单数据想动态点也行，用.ajax()从后端拉分类列表，用户点“分类”再加载，页面轻了不少。像这种菜单多、分类多的项目，这个思路还蛮推荐的。

代码结构也考虑到了模块化，把逻辑封装成独立的模块，维护方便，不容易和别的功能打架。你写成一个menu.js模块，配上点命名空间，就能避免全局变量污染。

交互细节也做得比较到位，像event.stopPropagation()这种小细节没漏，防止事件冒泡穿透。触摸设备上的event.preventDefault()也有，不容易出 Bug。

兼容性方面，老浏览器也能跑。你要是还在照顾低版本安卓的浏览器，用点$.support和$.browser来判断环境，做点兼容，问题不大。

如果你做移动端电商界面，或者要做类似京东的导航结构，可以下载这个头部菜单来参考一下，省下不少自己搭建的时间。