jQuery CSS3滑动下拉菜单
滑动展开的下拉菜单，用起来是真挺顺手的。jQuery配合CSS3做出来的，点击一下就能滑出选项，响应也快，交互感强。像是在表单里切换分类、选城市这些场景，用它就蛮方便。
布局清爽，动画也比较顺滑，没什么卡顿感。菜单项用transition属性实现滑动，视觉上挺自然的。如果你嫌原生太死板，这种方案可以试试看。
代码方面也不复杂，一般$('.dropdown-toggle').click()配合.slideToggle()就能搞定，大部分人一看就会。样式那块用了position: absolute来浮动定位，记得外层容器加个position: relative。
要注意一点，滑动效果多了也别太贪，太多层容易乱。还有移动端适配这块，可以再细调下hover和click的触发方式，体验会更好。
如果你想看看类似的玩法，可以参考这篇CSS3 制作下拉菜单，也是挺简洁的一套。
下载地址
用户评论
