本文实例讲述了CSS3实现可关闭的下拉手风琴菜单效果。分享给大家供大家参考。具体如下：

CSS3菜单实例，运用纯CSS3技术实现一款下拉手风琴菜单功能，其实不能说是关闭，应该来说是折叠或收缩了，点击菜单面板右上角的小三角，本级菜单的子菜单项就会折叠收起来，貌似关闭了一样，这种菜单也叫手风琴菜单，有很多这样的菜单是使用jQuery插件来实现的，本款只使用了CSS3技术，还是比较有参考价值的。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/css3-turn-off-down-show-menu-codes/

具体代码如下：

复制代码代码如下:

• 首页
• 买东西 [2] [3]
  • 出售廉价
  • 互联网商品
  • 世界产品
  • 环卫商品
  • 文件和衣服
• 服务器 [4] [5]
  • 印刷产品
  • 相片修改
  • hdsjdhjs
• 联系我们 [6] [6]
  • 支持我们
  • 出售的上篇
  • 买的产品
  • 相 片
  • 卡片
• 商品地址 [8] [3]
  • 南半球亚马逊
  • 北半球亚马逊
  • 中间三不管
• 联系我们 [F] [G]
  • 邮箱地址
  • 电 话
  • 固定电话
  • 家庭地址
• 超超超

希望本文所述对大家的css3网页设计有所帮助。