用CSS实现下拉菜单的多种方法

唐伯虎

横向下拉菜单
     横向下拉菜单     

• 菜单一
  
  
  
  • 菜单一
    
  • 菜单一
    
  • 菜单一
    
  • 菜单一
    
  • 菜单一
    
  • 菜单一
    
    
  
• 菜单二
  
  
  
  • 菜单二
    
  • 菜单二
    
  • 菜单二
    
  • 菜单二
    
  • 菜单二
    
    
  
• 菜单三
  
  
  
  • 菜单三
    
  • 菜单三
    
  • 菜单三
    
  • 菜单三
    
  • 菜单三
    
    
  
• 菜单四
  
  
  
  • 菜单四
    
  • 菜单四
    
  • 菜单四
    
  • 菜单四
    
  • 菜单四
    
    
  
• 菜单五
  
  
  
  • 菜单五
    
  • 菜单五
    
  • 菜单五
    
  • 菜单五
    
  • 菜单五
    
    
  
• 菜单六
  
  
  
  • 菜单六
    
  • 菜单六
    
  • 菜单六
    
  • 菜单六
    
  • 菜单六
    
    
  

   
  [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
CSS下拉导航菜单效果
    CSS下拉菜单演示     

• 产品介绍
  
  
  
  • 产品一
    
  • 产品一
    
  • 产品一
    
  • 产品一
    
  • 产品一
    
  • 产品一
    
    
  
• 服务介绍
  
  
  
  • 服务二
    
  • 服务二
    
  • 服务二
    
  • 服务二服务二
    
  • 服务二服务二服务二
    
  • 服务二
    
    
  
• 成功案例
  
  
  
  • 案例三
    
  • 案例
    
  • 案例三案例三
    
  • 案例三案例三案例三
    
    
  
• 关于我们
  
  
  
  • 我们四
    
  • 我们四
    
  • 我们四
    
  • 我们四111
    
    
  
• 在线演示
  
  
  
  • 演示
    
  • 演示
    
  • 演示
    
  • 演示演示演示
    
  • 演示演示演示
    
  • 演示演示
    
  • 演示演示演示
    
  • 演示演示演示演示演示
    
    
  
• 联系我们
  
  
  
  • 联系联系联系联系联系
    
  • 联系联系联系
    
  • 联系
    
  • 联系联系
    
  • 联系联系
    
  • 联系联系联系
    
  • 联系联系联系
    
    
  

  
  [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
CSS水平下拉菜单
    CSS Menu - Horizontal     CSS Menu - Horizontal
  

• Blog
  
• Work +
  
  
  
  • Websites +
    
    
    
    • qrayg
      
    • qArcade
      
    • qLoM
      
    • qDT
      
      
    
  • Pen and Ink
    
  • Free Interfaces
    
    
  
• Learn +
  
  
  
  • Fireworks +
    
    
    
    • aquaButton
      
    • aquaButton2
      
    • waterDrop
      
    • lightFX
      
    • lightFX2
      
      
    
  • CSS +
    
    
    
    • footerStick
      
    • spriteNav
      
    • @import
      
      
    
    
  
• Info
  
• Contact
  

  
  [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
CSS垂直下拉菜单
    CSS Menu - Vertical     CSS Menu - Vertical
  

• Blog
  
• Work +
  
  
  
  • Websites +
    
    
    
    • qrayg
      
    • qArcade
      
    • qLoM
      
    • qDT
      
      
    
  • Pen and Ink
    
  • Free Interfaces
    
    
  
• Learn +
  
  
  
  • Fireworks +
    
    
    
    • aquaButton
      
    • aquaButton2
      
    • waterDrop
      
    • lightFX
      
    • lightFX2
      
      
    
  • CSS +
    
    
    
    • footerStick
      
    • spriteNav
      
    • @import
      
      
    
    
  
• Info
  
• Contact
  

  
  [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
CSS实现的中英文双语导航菜单
         完全用CSS实现的中英文双语导航菜单      

• Home首　页
  
• Blog日志
  
• guestbook留言本
  
• Pickbar精品吧
  
• fansir樊SIR
  

   
  [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]