jQuery黑白响应式手机下拉框
黑白风格的响应式手机下拉框，配上 jQuery 的灵活交互，挺适合做移动端的表单或筛选控件。用 jQuery 搞定原生
黑色和白色的两种样式风格切得干净，用 CSS 加点类名控制一下颜色就行，像.select-black和.select-white这种。你可以根据主题色自由调整，比如暗色模式走黑风，亮色页面就走白色。
手机端的话，屏幕小、交互方式也不一样，所以布局得响应式一点。用@media媒体查询配合display: none、block来控制展示方式，点开全屏列表的感觉，还蛮接近 App 原生体验的。
jQuery 这块其实就是在做点击事件监听，用$('.select-box')切换下拉状态，通过.slideToggle()加点动画，看起来更顺滑。选中项也能动态切换样式，比如给选中的加个active类，整体交互感就上来了。
如果你想试试，可以下载texiao811_1560680931这个压缩包，里头的代码结构挺清晰的，HTML、CSS、JS 都有，照着改一下样式和逻辑，快就能用在项目里。
另外，如果你还在找别的响应式特效，像Bootstrap 手机响应式下拉框或响应式伸缩搜索框特效，也可以一起看看，风格不一样，思路蛮接近。
如果你页面里表单比较多，又想提升点用户体验，这种 jQuery 下拉框还挺实用的，改样式方便，加交互也快，尤其在移动端场景下更能派上用场。
下载地址
用户评论
