📌  相关文章
📜  如何使用 jQuery Mobile 创建一个 Transitions 弹出窗口?

📅  最后修改于: 2022-05-13 01:55:59.884000             🧑  作者: Mango

如何使用 jQuery Mobile 创建一个 Transitions 弹出窗口?

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

方法:添加项目所需的 jQuery 移动脚本。

弹出元素不包含任何类型的过渡。通过将 data-transition属性添加到引用弹出窗口的链接,可以将转换添加到弹出元素。反向转换用于关闭弹出窗口。

示例 1:



HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

        

            Design a Transitions Popup using jQuery Mobile         

                        No transition                             Fade                    Pop                Turn         Flip            
            

It is an example of popup transition.

        
    
  


HTML


  

    
  
    
  
    

  

    
        

GeeksforGeeks

        

            Design a Transitions Popup using jQuery Mobile         

           Flow            Slide            Slidefade            Slide up            Slide down            
            

It is an example of popup transition.

        
    
  


输出:

示例 2:

HTML



  

    
  
    
  
    

  

    
        

GeeksforGeeks

        

            Design a Transitions Popup using jQuery Mobile         

           Flow            Slide            Slidefade            Slide up            Slide down            
            

It is an example of popup transition.

        
    
  

输出: