jQWidgets jqxNavBar 主题属性

jQWidgets 是一个 JavaScript 框架，用于为 PC 和移动设备制作基于 Web 的应用程序。它是一个非常强大、经过优化、独立于平台且得到广泛支持的框架。 jqxNavBar 表示由

和
• 标签构建的 jQuery 导航栏小部件。此小部件用于创建简单或响应式水平/垂直导航菜单布局。

  theme 属性用于设置或返回 jqxNavBar 小部件的主题。它接受字符串类型值，默认值为空（“”）。要使用此属性，首先，我们需要在标题部分包含主题样式表 (jqx.energyblue.css)。主题文件包含在“jqx.base.css”文件之后。

  句法：

  设置主题属性。

  $('selector').jqxNavBar({ theme: String });

  返回主题属性。

  var theme = $('selector').jqxNavBar('theme');

  链接文件：从给定链接 https://www.jqwidgets.com/download/ 下载 jQWidgets。在 HTML 文件中，找到下载文件夹中的脚本文件。

  
  
  
  
  
  

  下面的示例说明了 jQWidgets jqxNavBar 主题属性。

  例子：

  HTML

    
  
      
      
      
      
      
      
    
      
          h1,
          h3 {
              text-align: center;
          }
            
          #navBar {
              width: 100%;
              margin: 0 auto;
          }
      
  
    
  
      
          GeeksforGeeks
      
    
      
          jQWidgets jqxNavBar theme Property
      
    
      
          
              GeeksforGeeks
              Data Structure
              Algorithm
              Web Technology
              Programming
          
      
    
      
          $(document).ready(function() {
              $("#navBar").jqxNavBar({ 
                  width: 700,
                  height: 40,
                  theme: 'energyblue',
                  selectedItem: 0
              });
          });
      
  
    

  
  

  输出：

  

  参考： https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxnavbar/jquery-navbar-api.htm