css3 jquery实现foldit顶部下拉的菜单，适用于手机浏览，这种菜单在手机上很容易见到，平时状态下，只显示出菜单的一部分，当操作的时候，单击时才会展开会下拉显示，在下拉过程中，本效果有折弯的效果，如示例截图所示。因面向移动设备浏览，因此在IE下本效果会大大折扣。

主要包含HTML5+CSS3基础知识，各种常用标签的意义及基本用法示例。 HTML5部分具体内容包括： 语义化标签：段落标签，标签自定义文字样式，标题标签，块，标签定义头部，标签定义底部，标签定义正文区段，标签定义侧边栏区域； 效果标签：标签实现换行效果，特殊字符 实现空格效果，标签实现水平线； 列表标签：使用实现无序列表，使用实现有序列表； 使用标签添加图片，使用标签添加链接，使用table添加表格，使用thead、tbody、tfood定义表格； 表单标签：使用创建表单，文本输入框，密码输

以往我们要实现菜单，都需要借助Javascr ipt，今天我们用CSS 3与Html 来实现一个纯菜单，大家参考使用吧

此方法可以应用到有特别多的链接菜单项目中，特别在移动项目中，它可以将所有菜单转换成一个按钮式的下拉菜单。 HTML 示例中有一个导航菜单的html结构，元素用来定位导航菜单，.current表示当前活动的导航项。 复制代码代码如下: 首页 客户服务 产品展示 经典案例 联系我们