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

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

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

方法:首先,添加您的项目所需的 jQuery Mobile 脚本。

我们将使用不同类型的 ui 类和类型来组成标记按钮。

示例 1:在本示例中,我们将使用带有“ui-btn ui-shadow”类的锚标记来制作按钮。

HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

           

            Shadowed Anchor using              jQuery Mobile         

    
                Shadowed Anchor        


HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

           

Shadowed Button using jQuery

    
              


输出:

示例 2:在本示例中,我们将使用 class=”ui-btn ui-shadow” 的按钮标记来创建带有阴影的按钮。

HTML



  

    
  
    
  
    

  

    
        

GeeksforGeeks

           

Shadowed Button using jQuery

    
              

输出: