【特效】手机端仿美团下拉菜单带遮罩层html+css+jquery
2016-04-22 13:48
489 查看
写了一个手机端的下拉菜单，类似美团，用相对单位rem写的。
效果截图：
代码很简单，原理有点类似嵌套的选项卡，其中的难点在于弹出下拉菜单后，出现黑色半透明遮罩层，而且下层列表页面禁止滚动了。关键就是给html和body都加上overflow":"hidden。
效果预览：（请用谷歌浏览器的f12手机模拟模式）
http://www.gbtags.com/gb/rtreplayerpreview-standalone/2824.htm
源码下载：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery 的(function(){});表示什么？
- JQuery中Ajax实现对Map,List集合数据的接收
- json获取后台放入浏览器中的cookie值转化（eval()与jQuery.parseJSON()的差别以及常见的解析缺少分号的问题 ）
- jquery.dataTables的使用方法
- Jquery 文字模拟输入效果
- 基于jquery实现轮播特效
- 基于jq, jquery.easie.js 开发面向对象通栏焦点图组件
- jquery插件Jplayer使用方法简析
- jQuery的选择器中的通配符[id^='code']
- jQuery点击其他地方时菜单消失的实现方法
- 每个程序员都会的 35 个 jQuery 小技巧
- Jquery中的bind、live、delegate、on绑定事件方法的用法
- Jquery DataTable 函数说明及示例
- empty()与remove([expr])
- Jquery datePicker 日期联动效果
- JavaScript,Dom,jQuery
- Jquery数组操作
- jquery学习01（入门）
- jQuery要点总结
- jQuery获取窗口大小及窗口大小改变时执行代码