📜  jQWidgets jqxNavigationBar animationType 属性

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

jQWidgets jqxNavigationBar animationType 属性

jQWidgets是一个 JavaScript 框架,用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxNavigationBar用于表示具有标题和内容部分的 jQuery 小部件。单击标题时,内容将相应地展开或折叠。

animationType属性用于设置或获取指定jqxNavigationBar 的动画类型。此方法具有三个可能的值,即“滑动”、“淡化”和“无”。

句法:

  • 设置animationType属性:

    $('Selector').jqxNavigationBar({
        animationType: "slide" 
    });  

  • 获取animationType属性:

    var animationType = 
        $('Selector').jqxNavigationBar('animationType');

链接文件:从给定链接下载 jQWidgets。在 HTML 文件中,找到下载文件夹中的脚本文件。

示例:下面的示例说明了 jQWidgets jqxNavigationBar animationType属性。在下面的示例中, animationType属性的值已设置为“slide”。

HTML


  

    
    
    
    
    

  

    
        

            GeeksforGeeks         

        

            jQWidgets jqxNavigationBar animationType Property         

        
            
First Header
            
                Content for the first header                 
                        
  • GFG
  •                     
  • CSE
  •                 
            
            
Second Header
            
                Content for the second header                 
                        
  • GeeksforGeeks
  •                     
  • CSE
  •                 
            
        
                 
             
  


输出:

参考: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxnavigationbar/jquery-navigationbar-api.htm?search=