JS / JQ 简单实现下拉菜单

效果图:

JS / JQ 简单实现下拉菜单_第1张图片

代码实现思路:

头部导航栏用

  • 实现,在每个 li 内部包含上下排列的
      ,正常状态下该ul会隐藏,而当鼠标放在a上方时,ul就会显示。

      JS / JQ 简单实现下拉菜单_第2张图片

      原生JS实现代码:

      
      
      
      
          
          
          Document
          
          
      
      
      
          
          
      
      
      

      jQuery实现代码(需要引入JQ文件):

      
      
      
      
          
          
          Document
          
          
          
      
      
      
          
          
      
      
      

       

你可能感兴趣的:(JS / JQ 简单实现下拉菜单)