<nav class="mui-bar mui-bar-tab " id="nav">  
        <a class="mui-tab-item mui-active" id="homePage">  
            <span class="mui-icon mui-icon-home"></span>  
            <span class="mui-tab-label">首页</span>  
        </a>
        <a class="mui-tab-item " id="information" onclick="tabitemClick('information')">  
            <span class="mui-icon mui-icon-list"><span class="mui-badge">9</span></span>  
            <span class="mui-tab-label">资讯</span>  
        </a>
        <a class="mui-tab-item " id="orglife" onclick="tabitemClick('orglife')">  
            <span class="mui-icon mui-icon-spinner mui-spin"><span class="mui-badge">9</span></span>  
            <span class="mui-tab-label">组织生活</span>  
        </a>
        <a class="mui-tab-item " id="personalCenter" onclick="tabitemClick('personalCenter')">  
            <span class="mui-icon mui-icon-person"><span class="mui-badge">9</span></span>  
            <span class="mui-tab-label">个人中心</span>  
        </a>  
    </nav>

mui.init({

subpages:[{//先加载首页  
          url:'html/homePage.html',  
          id:'homePage',  
          styles:{  
            top:'0px',  
            bottom:'60px'  
          }  
        }   
    ],  
    preloadPages:[//缓存其他页面  
      {  
          url:'html/information.html',  
          id:'information',  
          styles:{  
            top:'0px',  
            bottom:'60px'  
          }  
        },  
        {  
          url:'html/orglife.html',  
          id:'orglife',  
          styles:{  
            top:'0px',  
            bottom:'60px'  
          }  
        },  
        {  
          url:'html/personalCenter.html',  
          id:'personalCenter',  
          styles:{  
            top:'0px',  
            bottom:'60px'  
          }  
    }  
    ]  
});