📌  相关文章
📜  如何使用 jQuery Mobile 制作图标阴影按钮?

📅  最后修改于: 2021-11-24 05:42:42             🧑  作者: Mango

jQuery Mobile 是一种基于 Web 的技术,用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。在本文中,我们将使用 jQuery Mobile 制作一个图标阴影按钮。

方法:

  • 首先,添加项目所需的 jQuery Mobile 脚本。
  • 我们将使用不同类型的 ui 类和类型来组成标记按钮。

示例 1:在此示例中,我们将使用 Button 和 class=”ui-btn ui-icon-delete ui-btn-icon-left ui-shadow-icon” 来制作按钮。

HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

           

            Icon shadow buttons              using jQuery Mobile         

    
          


HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

           

            Icon shadow Anchor              using jQuery Mobile         

    
                Icon shadow Anchor        


输出:

示例 2:在此示例中,我们将使用 class=”ui-btn ui-icon-delete ui-btn-icon-left ui-shadow-icon” 的锚标记来达到我们的目的。

HTML



  

    
  
    
  
    

  

    
        

GeeksforGeeks

           

            Icon shadow Anchor              using jQuery Mobile         

    
                Icon shadow Anchor        

输出: