Semantic-UI 菜单悬停状态

Semantic UI开源框架提供图标或字形，用于显示与某些元素相关的图片，使用 CSS 和 jQuery，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。语义 UI 菜单是一组显示不同导航操作的元素。我们可以导航到网站的不同页面。菜单可以是链接、搜索栏和下拉菜单的组合。语义 UI 菜单悬停状态在链接上提供悬停动画。带有链接或类名链接的项目是可悬停的。

语义 UI 菜单悬停状态类：

• a：带有标签的元素具有悬停状态。
• link ：具有此类的元素悬停状态。

语法：将元素作为链接或链接类，如下所示：

     ... 
    
 ... 

示例：在下面的示例中，我们有一些带有悬停状态的链接，而最后一个项目没有悬停状态。

HTML

  
    
    
    
    
    
    

  
  
  
    
      
        
          GeeksforGeeks
        
        Semantic UI Menu Hover State
        
        
      
  
      
        
          GeeksforGeeks
        
        
          Data Structures
        
        
          Algorithms
        
        
          Machine Learning
        
        
          Java
        
      
    
  

输出

参考： https ://semantic-ui.com/collections/menu.html#hover