导航栏代码,JS代码库,德仔网

代码语言

代码分类

【JS】导航栏

作者:请叫我汪海 / 发布于2014/4/8/ 634

<html> 
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF8"> 
    <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css" /> 
    <script type="text/javascript" src="js/extjs/adapter/ext/ext-base.js"></script> 
    <script type="text/javascript" src="js/extjs/ext-all.js"></script> 
    <script type="text/javascript">
      Ext.onReady(function(){
        new Ext.Toolbar({
          renderTo: 'nav',
          items:
          [
            {
              xtype: 'tbbutton',
              text: '装货信息录入与报备',
              menu: [
                {
                  text: '货运申请',
                  handler: function(){
                    Ext.Msg.alert('提示', '你点击了 货运申请');
                  }
                },
                {
                  text: '收发货商家信息登记'
                },
              ]
            },
            {
              xtype: 'tbbutton',
              text: '运途监控',
              menu: [
                {
                  text: '货运申请'
                },
              ]
            },
            {
              xtype: 'tbbutton',
              text: '卸货信息录入与核查',
              menu: [
                {
                  text: '货运申请'
                },
              ]
            },
            {
              xtype: 'tbbutton',
              text: '高速账单核查',
              menu: [
                {
                  text: '货运申请'
                },
              ]
            },
            {
              xtype: 'tbfill'
            },
            {
              xtype: 'tbbutton',
              text: '系统设置',
              menu: [
                {
                  text: '货运申请'
                },
              ]
            },
            {
              xtype: 'tbbutton',
              text: '用户管理',
              menu: [
                {
                  text: '货运申请'
                },
              ]
            },
            {
              xtype: 'tbbutton',
              text: '工具',
              menu: [
                {
                  text: '货运申请'
                },
              ]
            },

          ]
         });
        }); 
    </script> 
  </head> 
  <body> 
    <div id="nav"></div> 
  </body> 
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　导航栏　

同语言下

可能有用的

请叫我汪海贡献的其它代码(16)