Zhiqim UI是一套集成Javascript库、Css库、Font库、常用ico图标等，并在其上开发的大量UI组件组成的前端开发套件。
sidebar.zml144KB
<#---------------------------------------------------->
<#-- 以下为边导航定义 --------------------------------->
<#---------------------------------------------------->
<#--文库边导航开始-->
<#function zhiqim_com_sidebar(menu, item, subitem)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="studyHtml5">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/newElement.htm")}'"><i class="z-font z-text zi-px20"></i><br>HTML5</li>
<li <#if menu=="studyJava">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/index.htm")}'"><i class="z-font z-text zi-px20"></i><br>JAVA</li>
<li <#if menu=="studyJS">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSBrief.htm")}'"><i class="z-font z-text zi-px20"></i><br>JS</li>
<li <#if menu=="studyC++">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppIntro.htm")}'"><i class="z-font z-text zi-px20"></i><br>C++</li>
<li <#if menu=="studyCSS3">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Intro.htm")}'"><i class="z-font z-text zi-px20"></i><br>CSS3</li>
<li <#if menu=="studyJQuery">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryIntro.htm")}'"><i class="z-font z-text zi-px20"></i><br>JQuery</li>
<li <#if menu=="studyJSON">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonIntro.htm")}'"><i class="z-font z-text zi-px20"></i><br>JSON</li>
<li <#if menu=="studyBootStrap">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapIntro.htm")}'"><i class="z-font z-text zi-px20"></i><br>BootStrap</li>
<li <#if menu=="studyMySQL">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/MysqlConnection.htm")}'"><i class="z-font z-text zi-px20"></i><br>MySQL</li>
</ul>
<!--帮助子导航-->
<#if menu=="studyHtml5">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">HTML5学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">HTML5教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="newElement">block<#else>none</#if>;">
<li <#if subitem=="newElement">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/newElement.htm")}'"><span class="z-mg-l5">HTML5新元素</span></li>
<li <#if subitem=="svg">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/svg.htm")}'"><span class="z-mg-l5">HTML5内联SVG</span></li>
<li <#if subitem=="canvas">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/canvas.htm")}'"><span class="z-mg-l5">HTML5 Canvas</span></li>
<li <#if subitem=="mathML">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/mathML.htm")}'"><span class="z-mg-l5">HTML5 MathML</span></li>
<li <#if subitem=="dragAndDrop">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/dragAndDrop.htm")}'"><span class="z-mg-l5">HTML5 拖拽</span></li>
<li <#if subitem=="geolocation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/geolocation.htm")}'"><span class="z-mg-l5">HTML5 地理定位</span></li>
<li <#if subitem=="video">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/video.htm")}'"><span class="z-mg-l5">HTML5 视频</span></li>
<li <#if subitem=="audio">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/audio.htm")}'"><span class="z-mg-l5">HTML5 音频</span></li>
<li <#if subitem=="formInput">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/formInput.htm")}'"><span class="z-mg-l5">HTML5 Input类型</span></li>
<li <#if subitem=="formElement">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/formElement.htm")}'"><span class="z-mg-l5">HTML5 表单元素</span></li>
<li <#if subitem=="semanticElement">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/semanticElement.htm")}'"><span class="z-mg-l5">HTML5 语义元素</span></li>
<li <#if subitem=="webStorage">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/webStorage.htm")}'"><span class="z-mg-l5">HTML5 Web 存储</span></li>
<li <#if subitem=="webSql">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/webSql.htm")}'"><span class="z-mg-l5">HTML5 Web SQL</span></li>
<li <#if subitem=="appCache">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/appCache.htm")}'"><span class="z-mg-l5">HTML5 应用程序缓存</span></li>
<li <#if subitem=="webWorkers">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/webWorkers.htm")}'"><span class="z-mg-l5">HTML5 Web Workers</span></li>
<li <#if subitem=="serverSentEvents">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/serverSentEvents.htm")}'"><span class="z-mg-l5">HTML5 SSE</span></li>
<li <#if subitem=="websocket">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/websocket.htm")}'"><span class="z-mg-l5">HTML5 WebSocket</span></li>
<li <#if subitem=="html5Syntax">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Syntax.htm")}'"><span class="z-mg-l5">HTML5 代码规范</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">HTML5标签</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="html5Doctype">block<#else>none</#if>;">
<li <#if subitem=="html5Doctype">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Doctype.htm")}'"><span class="z-mg-l5"><！DOCTYPE>标签</span></li>
<li <#if subitem=="html5a">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5a.htm")}'"><span class="z-mg-l5"><a>标签</span></li>
<li <#if subitem=="html5Area">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Area.htm")}'"><span class="z-mg-l5"><area>标签</span></li>
<li <#if subitem=="html5Abbr">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Abbr.htm")}'"><span class="z-mg-l5"><abbr>标签</span></li>
<li <#if subitem=="html5Applet">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Applet.htm")}'"><span class="z-mg-l5"><applet>标签</span></li>
<li <#if subitem=="html5Article">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Article.htm")}'"><span class="z-mg-l5"><article>标签</span></li>
<li <#if subitem=="html5Aside">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Aside.htm")}'"><span class="z-mg-l5"><aside>标签</span></li>
<li <#if subitem=="html5Address">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Address.htm")}'"><span class="z-mg-l5"><address>标签</span></li>
<li <#if subitem=="html5b">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5b.htm")}'"><span class="z-mg-l5"><b>标签</span></li>
<li <#if subitem=="html5Base">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Base.htm")}'"><span class="z-mg-l5"><base>标签</span></li>
<li <#if subitem=="html5Blockquote">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Blockquote.htm")}'"><span class="z-mg-l5"><blockquote>标签</span></li>
<li <#if subitem=="html5Br">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Br.htm")}'"><span class="z-mg-l5"><br>标签</span></li>
<li <#if subitem=="html5Button">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Button.htm")}'"><span class="z-mg-l5"><button>标签</span></li>
<li <#if subitem=="html5Bdo">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Bdo.htm")}'"><span class="z-mg-l5"><bdo>标签</span></li>
<li <#if subitem=="html5Col">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Col.htm")}'"><span class="z-mg-l5"><col>标签</span></li>
<li <#if subitem=="html5Colgroup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Colgroup.htm")}'"><span class="z-mg-l5"><colgroup>标签</span></li>
<li <#if subitem=="html5Caption">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Caption.htm")}'"><span class="z-mg-l5"><caption>标签</span></li>
<li <#if subitem=="html5Em">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Em.htm")}'"><span class="z-mg-l5"><em>标签</span></li>
<li <#if subitem=="html5Ul">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Ul.htm")}'"><span class="z-mg-l5"><ul>标签</span></li>
<li <#if subitem=="html5Dl">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Dl.htm")}'"><span class="z-mg-l5"><dl>标签</span></li>
<li <#if subitem=="html5Del">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Del.htm")}'"><span class="z-mg-l5"><del>标签</span></li>
<li <#if subitem=="html5Dd">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Dd.htm")}'"><span class="z-mg-l5"><dd>标签</span></li>
<li <#if subitem=="html5Details">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Details.htm")}'"><span class="z-mg-l5"><details>标签</span></li>
<li <#if subitem=="html5Div">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Div.htm")}'"><span class="z-mg-l5"><div>标签</span></li>
<li <#if subitem=="html5Embed">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Embed.htm")}'"><span class="z-mg-l5"><embed>标签</span></li>
<li <#if subitem=="html5Figcaption">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Figcaption.htm")}'"><span class="z-mg-l5"><figcaption>标签</span></li>
<li <#if subitem=="html5Form">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Form.htm")}'"><span class="z-mg-l5"><form>标签</span></li>
<li <#if subitem=="html5Figure">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Figure.htm")}'"><span class="z-mg-l5"><figure>标签</span></li>
<li <#if subitem=="html5Footer">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Footer.htm")}'"><span class="z-mg-l5"><footer>标签</span></li>
<li <#if subitem=="html5Fieldset">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Fieldset.htm")}'"><span class="z-mg-l5"><fieldset>标签</span></li>
<li <#if subitem=="html5Hgroup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Hgroup.htm")}'"><span class="z-mg-l5"><hgroup>标签</span></li>
<li <#if subitem=="html5Hr">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Hr.htm")}'"><span class="z-mg-l5"><hr>标签</span></li>
<li <#if subitem=="html5Hn">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Hn.htm")}'"><span class="z-mg-l5"><hn>标签</span></li>
<li <#if subitem=="html5Header">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Header.htm")}'"><span class="z-mg-l5"><header>标签</span></li>
<li <#if subitem=="html5Html">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Html.htm")}'"><span class="z-mg-l5"><html>标签</span></li>
<li <#if subitem=="html5Head">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Head.htm")}'"><span class="z-mg-l5"><head>标签</span></li>
<li <#if subitem=="html5I">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5I.htm")}'"><span class="z-mg-l5"><i>标签</span></li>
<li <#if subitem=="html5Iframe">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Iframe.htm")}'"><span class="z-mg-l5"><iframe>标签</span></li>
<li <#if subitem=="html5Input">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Input.htm")}'"><span class="z-mg-l5"><input>标签</span></li>
<li <#if subitem=="html5Img">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Img.htm")}'"><span class="z-mg-l5"><img>标签</span></li>
<li <#if subitem=="html5Ins">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Ins.htm")}'"><span class="z-mg-l5"><ins>标签</span></li>
<li <#if subitem=="html5Link">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Link.htm")}'"><span class="z-mg-l5"><link>标签</span></li>
<li <#if subitem=="html5Li">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Li.htm")}'"><span class="z-mg-l5"><li>标签</span></li>
<li <#if subitem=="html5Legend">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Legend.htm")}'"><span class="z-mg-l5"><legend>标签</span></li>
<li <#if subitem=="html5Label">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Label.htm")}'"><span class="z-mg-l5"><label>标签</span></li>
<li <#if subitem=="html5Map">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Map.htm")}'"><span class="z-mg-l5"><map>标签</span></li>
<li <#if subitem=="html5Meta">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Meta.htm")}'"><span class="z-mg-l5"><meta>标签</span></li>
<li <#if subitem=="html5Menu">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Menu.htm")}'"><span class="z-mg-l5"><menu>标签</span></li>
<li <#if subitem=="html5Meter">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Meter.htm")}'"><span class="z-mg-l5"><meter>标签</span></li>
<li <#if subitem=="html5Mark">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Mark.htm")}'"><span class="z-mg-l5"><mark>标签</span></li>
<li <#if subitem=="html5Nav">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Nav.htm")}'"><span class="z-mg-l5"><nav>标签</span></li>
<li <#if subitem=="html5Noscript">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Noscript.htm")}'"><span class="z-mg-l5"><noscript>标签</span></li>
<li <#if subitem=="html5Ol">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Ol.htm")}'"><span class="z-mg-l5"><ol>标签</span></li>
<li <#if subitem=="html5Object">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Object.htm")}'"><span class="z-mg-l5"><object>标签</span></li>
<li <#if subitem=="html5Option">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Option.htm")}'"><span class="z-mg-l5"><option>标签</span></li>
<li <#if subitem=="html5Output">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Output.htm")}'"><span class="z-mg-l5"><output>标签</span></li>
<li <#if subitem=="html5Optgroup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Optgroup.htm")}'"><span class="z-mg-l5"><optgroup>标签</span></li>
<li <#if subitem=="html5P">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5P.htm")}'"><span class="z-mg-l5"><p>标签</span></li>
<li <#if subitem=="html5Pre">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Pre.htm")}'"><span class="z-mg-l5"><pre>标签</span></li>
<li <#if subitem=="html5Param">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Param.htm")}'"><span class="z-mg-l5"><param>标签</span></li>
<li <#if subitem=="html5Progress">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Progress.htm")}'"><span class="z-mg-l5"><progress>标签</span></li>
<li <#if subitem=="html5Q">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Q.htm")}'"><span class="z-mg-l5"><q>标签</span></li>
<li <#if subitem=="html5Rp">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Rp.htm")}'"><span class="z-mg-l5"><rp>标签</span></li>
<li <#if subitem=="html5Rt">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Rt.htm")}'"><span class="z-mg-l5"><rt>标签</span></li>
<li <#if subitem=="html5Ruby">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Ruby.htm")}'"><span class="z-mg-l5"><ruby>标签</span></li>
<li <#if subitem=="html5S">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5S.htm")}'"><span class="z-mg-l5"><s>标签</span></li>
<li <#if subitem=="html5SubSup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5SubSup.htm")}'"><span class="z-mg-l5"><sup>和<sub>标签</span></li>
<li <#if subitem=="html5Span">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Span.htm")}'"><span class="z-mg-l5"><span>标签</span></li>
<li <#if subitem=="html5Style">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Style.htm")}'"><span class="z-mg-l5"><style>标签</span></li>
<li <#if subitem=="html5Select">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Select.htm")}'"><span class="z-mg-l5"><select>标签</span></li>
<li <#if subitem=="html5Source">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Source.htm")}'"><span class="z-mg-l5"><source>标签</span></li>
<li <#if subitem=="html5Section">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Section.htm")}'"><span class="z-mg-l5"><section>标签</span></li>
<li <#if subitem=="html5Summary">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Summary.htm")}'"><span class="z-mg-l5"><summary>标签</span></li>
<li <#if subitem=="html5Td">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Td.htm")}'"><span class="z-mg-l5"><td>标签</span></li>
<li <#if subitem=="html5Th">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Th.htm")}'"><span class="z-mg-l5"><th>标签</span></li>
<li <#if subitem=="html5Title">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Title.htm")}'"><span class="z-mg-l5"><title>标签</span></li>
<li <#if subitem=="html5Tfoot">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Tfoot.htm")}'"><span class="z-mg-l5"><tfoot>标签</span></li>
<li <#if subitem=="html5Thead">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Thead.htm")}'"><span class="z-mg-l5"><thead>标签</span></li>
<li <#if subitem=="html5Time">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Time.htm")}'"><span class="z-mg-l5"><time>标签</span></li>
<li <#if subitem=="html5Tbody">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Tbody.htm")}'"><span class="z-mg-l5"><tbody>标签</span></li>
<li <#if subitem=="html5Textarea">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/html5Textarea.htm")}'"><span class="z-mg-l5"><textarea>标签</span></li>
</ul>
</div>
<!--学习资料子导航-->
<#elseif menu=="studyJava">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">JAVA学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">JAVA教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="index">block<#else>none</#if>;">
<li <#if subitem=="index">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/index.htm")}'"><span class="z-mg-l5">JAVA入门教程</span></li>
<li <#if subitem=="basicSyntax">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/basicSyntax.htm")}'"><span class="z-mg-l5">JAVA基础语法</span></li>
<li <#if subitem=="objectAndClass">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/objectAndClass.htm")}'"><span class="z-mg-l5">JAVA对象和类</span></li>
<li <#if subitem=="basicDataType">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/basicDataType.htm")}'"><span class="z-mg-l5">JAVA基本数据类型</span></li>
<li <#if subitem=="variableType">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/variableType.htm")}'"><span class="z-mg-l5">JAVA变量类型</span></li>
<li <#if subitem=="modifierType">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/modifierType.htm")}'"><span class="z-mg-l5">JAVA修饰符</span></li>
<li <#if subitem=="javaOperators">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaOperators.htm")}'"><span class="z-mg-l5">JAVA运算符</span></li>
<li <#if subitem=="javaLoop">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaLoop.htm")}'"><span class="z-mg-l5">JAVA循环结构</span></li>
<li <#if subitem=="javaIfElseSwitch">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaIfElseSwitch.htm")}'"><span class="z-mg-l5">JAVA分支结构</span></li>
<li <#if subitem=="javaNumber">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaNumber.htm")}'"><span class="z-mg-l5">JAVA Number类</span></li>
<li <#if subitem=="javaCharacter">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaCharacter.htm")}'"><span class="z-mg-l5">JAVA Character类</span></li>
<li <#if subitem=="javaString">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaString.htm")}'"><span class="z-mg-l5">JAVA String类</span></li>
<li <#if subitem=="javaStringBuffer">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaStringBuffer.htm")}'"><span class="z-mg-l5">JAVA StringBuffer类</span></li>
<li <#if subitem=="javaArray">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaArray.htm")}'"><span class="z-mg-l5">JAVA数组</span></li>
<li <#if subitem=="javaDateTime">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaDateTime.htm")}'"><span class="z-mg-l5">JAVA日期时间</span></li>
<li <#if subitem=="javaRegularExpression">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaRegularExpression.htm")}'"><span class="z-mg-l5">JAVA正则表达式</span></li>
<li <#if subitem=="javaMethod">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaMethod.htm")}'"><span class="z-mg-l5">JAVA方法</span></li>
<li <#if subitem=="javaFilesIo">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaFilesIo.htm")}'"><span class="z-mg-l5">JAVA流、文件和IO</span></li>
<li <#if subitem=="javaScanner">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaScanner.htm")}'"><span class="z-mg-l5">JAVA Scanner类</span></li>
<li <#if subitem=="javaException">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaException.htm")}'"><span class="z-mg-l5">JAVA异常处理</span></li>
<li <#if subitem=="javaInheritance">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaInheritance.htm")}'"><span class="z-mg-l5">JAVA继承</span></li>
<li <#if subitem=="javaOverrideOverload">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaOverrideOverload.htm")}'"><span class="z-mg-l5">JAVA重写与重载</span></li>
<li <#if subitem=="javaPolymorphism">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaPolymorphism.htm")}'"><span class="z-mg-l5">JAVA多态</span></li>
<li <#if subitem=="javaAbstraction">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaAbstraction.htm")}'"><span class="z-mg-l5">JAVA抽象类</span></li>
<li <#if subitem=="javaEncapsulation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaEncapsulation.htm")}'"><span class="z-mg-l5">JAVA封装</span></li>
<li <#if subitem=="javaInterface">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaInterface.htm")}'"><span class="z-mg-l5">JAVA接口</span></li>
<li <#if subitem=="javaPackage">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaPackage.htm")}'"><span class="z-mg-l5">JAVA包</span></li>
<li <#if subitem=="javaDataStructure">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaDataStructure.htm")}'"><span class="z-mg-l5">JAVA数据结构</span></li>
<li <#if subitem=="javaCollection">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaCollection.htm")}'"><span class="z-mg-l5">JAVA集合框架</span></li>
<li <#if subitem=="javaGenerics">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaGenerics.htm")}'"><span class="z-mg-l5">JAVA泛型</span></li>
<li <#if subitem=="javaSerialization">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaSerialization.htm")}'"><span class="z-mg-l5">JAVA序列化</span></li>
<li <#if subitem=="javaNetWorking">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaNetWorking.htm")}'"><span class="z-mg-l5">JAVA网络编程</span></li>
<li <#if subitem=="javaSendingEmail">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaSendingEmail.htm")}'"><span class="z-mg-l5">JAVA发送邮件</span></li>
<li <#if subitem=="javaMultithreading">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaMultithreading.htm")}'"><span class="z-mg-l5">JAVA多线程编程</span></li>
<li <#if subitem=="javaAppletBasics">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaAppletBasics.htm")}'"><span class="z-mg-l5">JAVA Applet基础</span></li>
<li <#if subitem=="javaDocumentation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaDocumentation.htm")}'"><span class="z-mg-l5">JAVA文档注释</span></li>
<li <#if subitem=="javaEnvExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaEnvExample.htm")}'"><span class="z-mg-l5">JAVA环境设置实例</span></li>
<li <#if subitem=="javaStringExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaStringExample.htm")}'"><span class="z-mg-l5">JAVA字符串实例</span></li>
<li <#if subitem=="javaArrayExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaArrayExample.htm")}'"><span class="z-mg-l5">JAVA数组实例</span></li>
<li <#if subitem=="javaDatetimeExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaDatetimeExample.htm")}'"><span class="z-mg-l5">JAVA时间处理实例</span></li>
<li <#if subitem=="javaMethodExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaMethodExample.htm")}'"><span class="z-mg-l5">JAVA方法实例</span></li>
<li <#if subitem=="javaFileExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaFileExample.htm")}'"><span class="z-mg-l5">JAVA文件操作实例</span></li>
<li <#if subitem=="javaDirectoryExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaDirectoryExample.htm")}'"><span class="z-mg-l5">JAVA目录操作实例</span></li>
<li <#if subitem=="javaExceptionExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaExceptionExample.htm")}'"><span class="z-mg-l5">JAVA异常处理实例</span></li>
<li <#if subitem=="javaDataExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaDataExample.htm")}'"><span class="z-mg-l5">JAVA数据结构实例</span></li>
<li <#if subitem=="javaCollectionExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaCollectionExample.htm")}'"><span class="z-mg-l5">JAVA集合实例</span></li>
<li <#if subitem=="javaNetExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaNetExample.htm")}'"><span class="z-mg-l5">JAVA网络实例</span></li>
<li <#if subitem=="javaThreadExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaThreadExample.htm")}'"><span class="z-mg-l5">JAVA线程实例</span></li>
<li <#if subitem=="java8NewFeatures">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/java8NewFeatures.htm")}'"><span class="z-mg-l5">JAVA8新特性</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JAVA入门教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="javaKeyWords">block<#else>none</#if>;">
<li <#if subitem=="javaKeyWords">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaKeyWords.htm")}'"><span class="z-mg-l5">JAVA关键字</span></li>
<li <#if subitem=="javaVariables">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaVariables.htm")}'"><span class="z-mg-l5">JAVA变量</span></li>
<li <#if subitem=="javaDataType">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaDataType.htm")}'"><span class="z-mg-l5">JAVA数据类型</span></li>
<li <#if subitem=="javaBasicOperators">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/javaBasicOperators.htm")}'"><span class="z-mg-l5">JAVA运算符</span></li>
</ul>
</div>
<!--学习资料子导航-->
<#elseif menu=="studyJSON">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">JSON学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS&C++&CSS3&JQuery&JSON的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">JSON基本教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JsonIntro">block<#else>none</#if>;">
<li <#if subitem=="JsonIntro">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonIntro.htm")}'"><span class="z-mg-l5">JSON简介</span></li>
<li <#if subitem=="JsonSyntax">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonSyntax.htm")}'"><span class="z-mg-l5">JSON语法</span></li>
<li <#if subitem=="JsonEval">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonEval.htm")}'"><span class="z-mg-l5">JSON使用</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JSON基础</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JsonDataType">block<#else>none</#if>;">
<li <#if subitem=="JsonDataType">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonDataType.htm")}'"><span class="z-mg-l5">JSON数据类型</span></li>
<li <#if subitem=="JsonObject">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonObject.htm")}'"><span class="z-mg-l5">JSON对象</span></li>
<li <#if subitem=="JsonSchema">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonSchema.htm")}'"><span class="z-mg-l5">JSON模式</span></li>
<li <#if subitem=="JsonComparedWithXml">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonComparedWithXml.htm")}'"><span class="z-mg-l5">JSON与XML的对比</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JSON格式</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JsonBasicStructure">block<#else>none</#if>;">
<li <#if subitem=="JsonBasicStructure">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonBasicStructure.htm")}'"><span class="z-mg-l5">JSON基础结构</span></li>
<li <#if subitem=="JsonDataPattern">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonDataPattern.htm")}'"><span class="z-mg-l5">JSON数据格式</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JSON解析</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JsonDataAnalysis">block<#else>none</#if>;">
<li <#if subitem=="JsonDataAnalysis">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonDataAnalysis.htm")}'"><span class="z-mg-l5">JSON数据解析的方法</span></li>
<li <#if subitem=="JsonDataAnalysisProcess">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonDataAnalysisProcess.htm")}'"><span class="z-mg-l5">JSON数据解析过程详解</span></li>
<li <#if subitem=="JsonAnalysisUrlParam">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonAnalysisUrlParam.htm")}'"><span class="z-mg-l5">一个JavaScript函数把URL参数解析成JSON对象</span></li>
<li <#if subitem=="JsonElementAddAndRemove">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JsonElementAddAndRemove.htm")}'"><span class="z-mg-l5">JSON 元素的添加删除</span></li>
</ul>
</div>
<!--学习资料子导航-->
<#elseif menu=="studyMySQL">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">MySQL学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS&C++&CSS3&JQuery&JSON&BootStrap&MySQL的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">MySQL基本教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="MysqlConnection">block<#else>none</#if>;">
<li <#if subitem=="MysqlConnection">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/MysqlConnection.htm")}'"><span class="z-mg-l5">MySQL连接</span></li>
<li <#if subitem=="MysqlCreateDatabase">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/MysqlCreateDatabase.htm")}'"><span class="z-mg-l5">MySQL创建数据库</span></li>
<li <#if subitem=="MysqlDeleteDatabase">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/MysqlDeleteDatabase.htm")}'"><span class="z-mg-l5">MySQL删除数据库</span></li>
<li <#if subitem=="MysqlSelectDatabase">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/MysqlSelectDatabase.htm")}'"><span class="z-mg-l5">MySQL选择数据库</span></li>
</ul>
</div>
<!--学习资料子导航-->
<#elseif menu=="studyBootStrap">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">BootStrap学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS&C++&CSS3&JQuery&JSON&BootStrap的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">BootStrap CSS</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="BootStrapIntro">block<#else>none</#if>;">
<li <#if subitem=="BootStrapIntro">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapIntro.htm")}'"><span class="z-mg-l5">BootStrap概览</span></li>
<li <#if subitem=="BootStrapGrid">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapGrid.htm")}'"><span class="z-mg-l5">BootStrap网格系统</span></li>
<li <#if subitem=="BootStrapLayout">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapLayout.htm")}'"><span class="z-mg-l5">BootStrap排版</span></li>
<li <#if subitem=="BootStrapCode">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapCode.htm")}'"><span class="z-mg-l5">BootStrap代码</span></li>
<li <#if subitem=="BootStrapTable">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapTable.htm")}'"><span class="z-mg-l5">BootStrap表格</span></li>
<li <#if subitem=="BootStrapForm">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapForm.htm")}'"><span class="z-mg-l5">BootStrap表单</span></li>
<li <#if subitem=="BootStrapButton">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapButton.htm")}'"><span class="z-mg-l5">BootStrap按钮</span></li>
<li <#if subitem=="BootStrapImage">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapImage.htm")}'"><span class="z-mg-l5">BootStrap图片</span></li>
<li <#if subitem=="BootStrapHelperClass">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapHelperClass.htm")}'"><span class="z-mg-l5">BootStrap辅助类</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">BootStrap 布局组件</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="BootStrapFontIcon">block<#else>none</#if>;">
<li <#if subitem=="BootStrapFontIcon">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapFontIcon.htm")}'"><span class="z-mg-l5">BootStrap字体图标</span></li>
<li <#if subitem=="BootStrapDropdownPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapDropdownPlugin.htm")}'"><span class="z-mg-l5">BootStrap下拉菜单</span></li>
<li <#if subitem=="BootStrapButtonGroup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapButtonGroup.htm")}'"><span class="z-mg-l5">BootStrap按钮组</span></li>
<li <#if subitem=="BootStrapButtonDropdown">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapButtonDropdown.htm")}'"><span class="z-mg-l5">BootStrap按钮下拉菜单</span></li>
<li <#if subitem=="BootStrapInputGroups">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapInputGroups.htm")}'"><span class="z-mg-l5">BootStrap输入框组</span></li>
<li <#if subitem=="BootStrapNavigationElements">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapNavigationElements.htm")}'"><span class="z-mg-l5">BootStrap导航元素</span></li>
<li <#if subitem=="BootStrapNavigation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapNavigation.htm")}'"><span class="z-mg-l5">BootStrap导航栏</span></li>
<li <#if subitem=="BootStrapBreadCrumbNavigation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapBreadCrumbNavigation.htm")}'"><span class="z-mg-l5">BootStrap面包屑导航</span></li>
<li <#if subitem=="BootStrapPagination">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapPagination.htm")}'"><span class="z-mg-l5">BootStrap分页</span></li>
<li <#if subitem=="BootStrapLabel">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapLabel.htm")}'"><span class="z-mg-l5">BootStrap标签</span></li>
<li <#if subitem=="BootStrapBadge">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapBadge.htm")}'"><span class="z-mg-l5">BootStrap徽章</span></li>
<li <#if subitem=="BootStrapJumbotron">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapJumbotron.htm")}'"><span class="z-mg-l5">BootStrap超大屏幕</span></li>
<li <#if subitem=="BootStrapPageHeader">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapPageHeader.htm")}'"><span class="z-mg-l5">BootStrap页面标题</span></li>
<li <#if subitem=="BootStrapThumbnail">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapThumbnail.htm")}'"><span class="z-mg-l5">BootStrap缩略图</span></li>
<li <#if subitem=="BootStrapAlerts">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapAlerts.htm")}'"><span class="z-mg-l5">BootStrap警告</span></li>
<li <#if subitem=="BootStrapProgressBar">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapProgressBar.htm")}'"><span class="z-mg-l5">BootStrap进度条</span></li>
<li <#if subitem=="BootStrapMediaObject">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapMediaObject.htm")}'"><span class="z-mg-l5">BootStrap多媒体</span></li>
<li <#if subitem=="BootStrapListGroup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapListGroup.htm")}'"><span class="z-mg-l5">BootStrap列表组</span></li>
<li <#if subitem=="BootStrapWell">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapWell.htm")}'"><span class="z-mg-l5">BootStrap Well</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">BootStrap 插件</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="BootStrapModalPlugin">block<#else>none</#if>;">
<li <#if subitem=="BootStrapModalPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapModalPlugin.htm")}'"><span class="z-mg-l5">BootStrap模态框插件</span></li>
<li <#if subitem=="BootStrapDropdownPluginExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapDropdownPluginExample.htm")}'"><span class="z-mg-l5">BootStrap下拉菜单插件</span></li>
<li <#if subitem=="BootStrapScrollSpyPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapScrollSpyPlugin.htm")}'"><span class="z-mg-l5">BootStrap滚动监听插件</span></li>
<li <#if subitem=="BootStrapTabPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapTabPlugin.htm")}'"><span class="z-mg-l5">BootStrap标签页插件</span></li>
<li <#if subitem=="BootStrapTooltipPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapTooltipPlugin.htm")}'"><span class="z-mg-l5">BootStrap提示工具插件</span></li>
<li <#if subitem=="BootStrapPopoverPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapPopoverPlugin.htm")}'"><span class="z-mg-l5">BootStrap弹出框插件</span></li>
<li <#if subitem=="BootStrapAlertPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapAlertPlugin.htm")}'"><span class="z-mg-l5">BootStrap警告框插件</span></li>
<li <#if subitem=="BootStrapButtonPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapButtonPlugin.htm")}'"><span class="z-mg-l5">BootStrap按钮插件</span></li>
<li <#if subitem=="BootStrapCollapsePlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapCollapsePlugin.htm")}'"><span class="z-mg-l5">BootStrap折叠插件</span></li>
<li <#if subitem=="BootStrapCarouselPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapCarouselPlugin.htm")}'"><span class="z-mg-l5">BootStrap轮播插件</span></li>
<li <#if subitem=="BootStrapAffixPlugin">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/BootStrapAffixPlugin.htm")}'"><span class="z-mg-l5">BootStrap附件导航插件</span></li>
</ul>
</div>
<!--学习资料子导航-->
<#elseif menu=="studyCSS3">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">CSS3学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS&C++&CSS3的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">CSS3基本教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="css3Intro">block<#else>none</#if>;">
<li <#if subitem=="css3Intro">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Intro.htm")}'"><span class="z-mg-l5">CSS3简介</span></li>
<li <#if subitem=="css3Borders">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Borders.htm")}'"><span class="z-mg-l5">CSS3边框</span></li>
<li <#if subitem=="css3BordersRadius">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3BordersRadius.htm")}'"><span class="z-mg-l5">CSS3圆角</span></li>
<li <#if subitem=="css3Background">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Background.htm")}'"><span class="z-mg-l5">CSS3背景</span></li>
<li <#if subitem=="css3GradualChange">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3GradualChange.htm")}'"><span class="z-mg-l5">CSS3渐变</span></li>
<li <#if subitem=="css3Text">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Text.htm")}'"><span class="z-mg-l5">CSS3文本效果</span></li>
<li <#if subitem=="css3Font">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Font.htm")}'"><span class="z-mg-l5">CSS3字体</span></li>
<li <#if subitem=="css32D">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css32D.htm")}'"><span class="z-mg-l5">CSS3 2D转换</span></li>
<li <#if subitem=="css33D">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css33D.htm")}'"><span class="z-mg-l5">CSS3 3D转换</span></li>
<li <#if subitem=="css3Transition">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Transition.htm")}'"><span class="z-mg-l5">CSS3 过渡</span></li>
<li <#if subitem=="css3Animation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Animation.htm")}'"><span class="z-mg-l5">CSS3 动画</span></li>
<li <#if subitem=="css3Column">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Column.htm")}'"><span class="z-mg-l5">CSS3 多列</span></li>
<li <#if subitem=="css3UserInterface">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3UserInterface.htm")}'"><span class="z-mg-l5">CSS3 用户界面</span></li>
<li <#if subitem=="css3Image">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Image.htm")}'"><span class="z-mg-l5">CSS3 图片</span></li>
<li <#if subitem=="css3Button">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Button.htm")}'"><span class="z-mg-l5">CSS3 按钮</span></li>
<li <#if subitem=="css3Paging">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3Paging.htm")}'"><span class="z-mg-l5">CSS3 分页</span></li>
<li <#if subitem=="css3BorderSize">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3BorderSize.htm")}'"><span class="z-mg-l5">CSS3 框大小</span></li>
<li <#if subitem=="css3FlexBox">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3FlexBox.htm")}'"><span class="z-mg-l5">CSS3 弹性盒子</span></li>
<li <#if subitem=="css3MediaQuery">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3MediaQuery.htm")}'"><span class="z-mg-l5">CSS3 多媒体查询</span></li>
<li <#if subitem=="css3MediaQueryExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/css3MediaQueryExample.htm")}'"><span class="z-mg-l5">CSS3 多媒体查询实例</span></li>
</ul>
</div>
<!--学习资料子导航-->
<#elseif menu=="studyJQuery">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">JQuery学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS&C++&CSS3&JQuery的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">JQuery基本教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JQueryIntro">block<#else>none</#if>;">
<li <#if subitem=="JQueryIntro">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryIntro.htm")}'"><span class="z-mg-l5">JQuery简介</span></li>
<li <#if subitem=="JQueryInstall">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryInstall.htm")}'"><span class="z-mg-l5">JQuery安装</span></li>
<li <#if subitem=="JQuerySyntax">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQuerySyntax.htm")}'"><span class="z-mg-l5">JQuery语法</span></li>
<li <#if subitem=="JQuerySelector">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQuerySelector.htm")}'"><span class="z-mg-l5">JQuery选择器</span></li>
<li <#if subitem=="JQuerySelectorExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQuerySelectorExample.htm")}'"><span class="z-mg-l5">JQuery选择器实例</span></li>
<li <#if subitem=="JQueryEvent">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryEvent.htm")}'"><span class="z-mg-l5">JQuery事件</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JQuery效果</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JQueryHideAndShowEffect">block<#else>none</#if>;">
<li <#if subitem=="JQueryHideAndShowEffect">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryHideAndShowEffect.htm")}'"><span class="z-mg-l5">JQuery效果-隐藏和显示</span></li>
<li <#if subitem=="JQueryFadeEffect">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryFadeEffect.htm")}'"><span class="z-mg-l5">JQuery效果-淡入淡出</span></li>
<li <#if subitem=="JQuerySlideEffect">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQuerySlideEffect.htm")}'"><span class="z-mg-l5">JQuery效果-滑动</span></li>
<li <#if subitem=="JQueryAnimateEffect">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryAnimateEffect.htm")}'"><span class="z-mg-l5">JQuery效果-动画</span></li>
<li <#if subitem=="JQueryStopEffect">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryStopEffect.htm")}'"><span class="z-mg-l5">JQuery效果-停止动画</span></li>
<li <#if subitem=="JQueryCallback">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryCallback.htm")}'"><span class="z-mg-l5">JQuery callback方法</span></li>
<li <#if subitem=="JQueryChaining">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryChaining.htm")}'"><span class="z-mg-l5">JQuery chaining</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JQuery HTML</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JQueryDomGet">block<#else>none</#if>;">
<li <#if subitem=="JQueryDomGet">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryDomGet.htm")}'"><span class="z-mg-l5">JQuery 获取</span></li>
<li <#if subitem=="JQueryDomSet">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryDomSet.htm")}'"><span class="z-mg-l5">JQuery 设置</span></li>
<li <#if subitem=="JQueryDomAdd">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryDomAdd.htm")}'"><span class="z-mg-l5">JQuery 添加元素</span></li>
<li <#if subitem=="JQueryDomRemove">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryDomRemove.htm")}'"><span class="z-mg-l5">JQuery 删除元素</span></li>
<li <#if subitem=="JQueryCssClass">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryCssClass.htm")}'"><span class="z-mg-l5">JQuery CSS类</span></li>
<li <#if subitem=="JQueryCssMethod">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryCssMethod.htm")}'"><span class="z-mg-l5">JQuery css()方法</span></li>
<li <#if subitem=="JQueryDimensions">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryDimensions.htm")}'"><span class="z-mg-l5">JQuery 尺寸</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JQuery 遍历</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JQueryTraversing">block<#else>none</#if>;">
<li <#if subitem=="JQueryTraversing">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryTraversing.htm")}'"><span class="z-mg-l5">JQuery 遍历</span></li>
<li <#if subitem=="JQueryTraversingAncestor">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryTraversingAncestor.htm")}'"><span class="z-mg-l5">JQuery遍历-祖先</span></li>
<li <#if subitem=="JQueryTraversingDescendants">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryTraversingDescendants.htm")}'"><span class="z-mg-l5">JQuery遍历-后代</span></li>
<li <#if subitem=="JQueryTraversingSiblings">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryTraversingSiblings.htm")}'"><span class="z-mg-l5">JQuery遍历-同胞</span></li>
<li <#if subitem=="JQueryTraversingFiltering">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryTraversingFiltering.htm")}'"><span class="z-mg-l5">JQuery遍历-过滤</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JQuery AJAX</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JQueryAjaxIntro">block<#else>none</#if>;">
<li <#if subitem=="JQueryAjaxIntro">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryAjaxIntro.htm")}'"><span class="z-mg-l5">JQuery AJAX简介</span></li>
<li <#if subitem=="JQueryAjaxLoad">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryAjaxLoad.htm")}'"><span class="z-mg-l5">JQuery AJAX load()方法</span></li>
<li <#if subitem=="JQueryAjaxGetPost">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryAjaxGetPost.htm")}'"><span class="z-mg-l5">JQuery AJAX get()和 post()方法</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JQuery 参考手册</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JQueryReferenceSelector">block<#else>none</#if>;">
<li <#if subitem=="JQueryReferenceSelector">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceSelector.htm")}'"><span class="z-mg-l5">JQuery 选择器</span></li>
<li <#if subitem=="JQueryReferenceMethod">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceMethod.htm")}'"><span class="z-mg-l5">JQuery 事件方法</span></li>
<li <#if subitem=="JQueryReferenceEffect">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceEffect.htm")}'"><span class="z-mg-l5">JQuery 效果方法</span></li>
<li <#if subitem=="JQueryReferenceHtml">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceHtml.htm")}'"><span class="z-mg-l5">JQuery Html/css方法</span></li>
<li <#if subitem=="JQueryReferenceTraversing">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceTraversing.htm")}'"><span class="z-mg-l5">JQuery 遍历方法</span></li>
<li <#if subitem=="JQueryReferenceAjax">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceAjax.htm")}'"><span class="z-mg-l5">JQuery AJAX方法</span></li>
<li <#if subitem=="JQueryReferenceMisc">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceMisc.htm")}'"><span class="z-mg-l5">JQuery 杂项方法</span></li>
<li <#if subitem=="JQueryReferenceProp">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryReferenceProp.htm")}'"><span class="z-mg-l5">JQuery 属性</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JQuery 实例</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JQuerySelectorActualExample">block<#else>none</#if>;">
<li <#if subitem=="JQuerySelectorActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQuerySelectorActualExample.htm")}'"><span class="z-mg-l5">JQuery 选择器实例</span></li>
<li <#if subitem=="JQueryEventActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryEventActualExample.htm")}'"><span class="z-mg-l5">JQuery 事件实例</span></li>
<li <#if subitem=="JQueryHideAndShowActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryHideAndShowActualExample.htm")}'"><span class="z-mg-l5">JQuery 隐藏/显示实例</span></li>
<li <#if subitem=="JQueryFadeActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryFadeActualExample.htm")}'"><span class="z-mg-l5">JQuery 淡入/淡出实例</span></li>
<li <#if subitem=="JQuerySlideActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQuerySlideActualExample.htm")}'"><span class="z-mg-l5">JQuery 滑动实例</span></li>
<li <#if subitem=="JQueryAnimateActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryAnimateActualExample.htm")}'"><span class="z-mg-l5">JQuery 动画实例</span></li>
<li <#if subitem=="JQueryStopAnimateActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryStopAnimateActualExample.htm")}'"><span class="z-mg-l5">JQuery 停止动画实例</span></li>
<li <#if subitem=="JQueryGetAndPropActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryGetAndPropActualExample.htm")}'"><span class="z-mg-l5">JQuery 获取和属性实例</span></li>
<li <#if subitem=="JQueryHtmlActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryHtmlActualExample.htm")}'"><span class="z-mg-l5">JQuery HTML设置内容和属性</span></li>
<li <#if subitem=="JQueryPropAddActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryPropAddActualExample.htm")}'"><span class="z-mg-l5">JQuery HTML添加元素/内容</span></li>
<li <#if subitem=="JQueryPropRemoveActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryPropRemoveActualExample.htm")}'"><span class="z-mg-l5">JQuery HTML移除元素/内容</span></li>
<li <#if subitem=="JQueryGetAndSetCssClassExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryGetAndSetCssClassExample.htm")}'"><span class="z-mg-l5">JQuery Get和设置CSS类</span></li>
<li <#if subitem=="JQueryCssMethodExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryCssMethodExample.htm")}'"><span class="z-mg-l5">JQuery css()方法</span></li>
<li <#if subitem=="JQuerySizeActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQuerySizeActualExample.htm")}'"><span class="z-mg-l5">JQuery 尺寸</span></li>
<li <#if subitem=="JQueryTraversingActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryTraversingActualExample.htm")}'"><span class="z-mg-l5">JQuery 遍历实例</span></li>
<li <#if subitem=="JQueryAjaxLoadActualExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryAjaxLoadActualExample.htm")}'"><span class="z-mg-l5">JQuery AJAX load()方法</span></li>
<li <#if subitem=="JQueryAjaxGetAndPostExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JQueryAjaxGetAndPostExample.htm")}'"><span class="z-mg-l5">JQuery AJAX get()和 post()方法</span></li>
</ul>
</div>
<!--学习资料子导航-->
<#elseif menu=="studyC++">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">C++学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS&C++的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">C++基本教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="cppIntro">block<#else>none</#if>;">
<li <#if subitem=="cppIntro">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppIntro.htm")}'"><span class="z-mg-l5">C++简介</span></li>
<li <#if subitem=="cppEnvironmentSetup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppEnvironmentSetup.htm")}'"><span class="z-mg-l5">C++环境设置</span></li>
<li <#if subitem=="cppBasicSyntax">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppBasicSyntax.htm")}'"><span class="z-mg-l5">C++基本语法</span></li>
<li <#if subitem=="cppComments">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppComments.htm")}'"><span class="z-mg-l5">C++注释</span></li>
<li <#if subitem=="cppDataTypes">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppDataTypes.htm")}'"><span class="z-mg-l5">C++数据类型</span></li>
<li <#if subitem=="cppVariableTypes">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppVariableTypes.htm")}'"><span class="z-mg-l5">C++变量类型</span></li>
<li <#if subitem=="cppVariableScope">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppVariableScope.htm")}'"><span class="z-mg-l5">C++作用域</span></li>
<li <#if subitem=="cppConstantsLiterals">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppConstantsLiterals.htm")}'"><span class="z-mg-l5">C++常量</span></li>
<li <#if subitem=="cppModifierTypes">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppModifierTypes.htm")}'"><span class="z-mg-l5">C++修饰符类型</span></li>
<li <#if subitem=="cppStorageClasses">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppStorageClasses.htm")}'"><span class="z-mg-l5">C++存储类</span></li>
<li <#if subitem=="cppOperators">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppOperators.htm")}'"><span class="z-mg-l5">C++运算符</span></li>
<li <#if subitem=="cppLoops">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppLoops.htm")}'"><span class="z-mg-l5">C++循环</span></li>
<li <#if subitem=="cppDecision">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppDecision.htm")}'"><span class="z-mg-l5">C++判断</span></li>
<li <#if subitem=="cppFunctions">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppFunctions.htm")}'"><span class="z-mg-l5">C++函数</span></li>
<li <#if subitem=="cppNumbers">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppNumbers.htm")}'"><span class="z-mg-l5">C++数字</span></li>
<li <#if subitem=="cppArrays">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppArrays.htm")}'"><span class="z-mg-l5">C++数组</span></li>
<li <#if subitem=="cppStrings">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppStrings.htm")}'"><span class="z-mg-l5">C++字符串</span></li>
<li <#if subitem=="cppPointers">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppPointers.htm")}'"><span class="z-mg-l5">C++指针</span></li>
<li <#if subitem=="cppReferences">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppReferences.htm")}'"><span class="z-mg-l5">C++引用</span></li>
<li <#if subitem=="cppDatetime">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppDatetime.htm")}'"><span class="z-mg-l5">C++日期&时间</span></li>
<li <#if subitem=="cppBasicInputOutput">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppBasicInputOutput.htm")}'"><span class="z-mg-l5">C++基本的输入输出</span></li>
<li <#if subitem=="cppDataStructure">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppDataStructure.htm")}'"><span class="z-mg-l5">C++数据结构</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">C++面向对象</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="cppClassObject">block<#else>none</#if>;">
<li <#if subitem=="cppClassObject">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppClassObject.htm")}'"><span class="z-mg-l5">C++类&对象</span></li>
<li <#if subitem=="cppInheritance">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppInheritance.htm")}'"><span class="z-mg-l5">C++继承</span></li>
<li <#if subitem=="cppOverloading">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppOverloading.htm")}'"><span class="z-mg-l5">C++重载运算符和重载函数</span></li>
<li <#if subitem=="cppPolymorphism">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppPolymorphism.htm")}'"><span class="z-mg-l5">C++多态</span></li>
<li <#if subitem=="cppAbstraction">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppAbstraction.htm")}'"><span class="z-mg-l5">C++数据抽象</span></li>
<li <#if subitem=="cppDataEncapsulation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppDataEncapsulation.htm")}'"><span class="z-mg-l5">C++数据封装</span></li>
<li <#if subitem=="cppInterfaces">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppInterfaces.htm")}'"><span class="z-mg-l5">C++接口（抽象类）</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">C++高级教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="cppFilesStreams">block<#else>none</#if>;">
<li <#if subitem=="cppFilesStreams">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppFilesStreams.htm")}'"><span class="z-mg-l5">C++文件和流</span></li>
<li <#if subitem=="cppExceptionsHandling">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppExceptionsHandling.htm")}'"><span class="z-mg-l5">C++异常处理</span></li>
<li <#if subitem=="cppDynamicMemory">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppDynamicMemory.htm")}'"><span class="z-mg-l5">C++动态内存</span></li>
<li <#if subitem=="cppNamespaces">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppNamespaces.htm")}'"><span class="z-mg-l5">C++命名空间</span></li>
<li <#if subitem=="cppTemplates">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppTemplates.htm")}'"><span class="z-mg-l5">C++模板</span></li>
<li <#if subitem=="cppPreprocessor">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppPreprocessor.htm")}'"><span class="z-mg-l5">C++预处理器</span></li>
<li <#if subitem=="cppSignalHandling">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppSignalHandling.htm")}'"><span class="z-mg-l5">C++信号处理</span></li>
<li <#if subitem=="cppMultithreading">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppMultithreading.htm")}'"><span class="z-mg-l5">C++多线程</span></li>
<li <#if subitem=="cppProgramming">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/cppProgramming.htm")}'"><span class="z-mg-l5">C++Web编程</span></li>
</ul>
</div>
<#elseif menu=="studyJS">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">JavaScript学习</span><br>
<span class="z-color-666 z-text-break">JAVA&HTML5&JS的殿堂级学习教程</span>
</div>
<p class="hasChild"><span class="z-mg-l5">JS入门教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="JSBrief">block<#else>none</#if>;">
<li <#if subitem=="JSBrief">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSBrief.htm")}'"><span class="z-mg-l5">JS简介</span></li>
<li <#if subitem=="JSSkillmap">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSSkillmap.htm")}'"><span class="z-mg-l5">JS知识一览图</span></li>
<li <#if subitem=="JSHowto">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHowto.htm")}'"><span class="z-mg-l5">JS用法</span></li>
<li <#if subitem=="JSOutput">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSOutput.htm")}'"><span class="z-mg-l5">JS输出</span></li>
<li <#if subitem=="JSSyntax">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSSyntax.htm")}'"><span class="z-mg-l5">JS语法</span></li>
<li <#if subitem=="JSStatement">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSStatement.htm")}'"><span class="z-mg-l5">JS语句</span></li>
<li <#if subitem=="JSComments">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSComments.htm")}'"><span class="z-mg-l5">JS注释</span></li>
<li <#if subitem=="JSVariables">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSVariables.htm")}'"><span class="z-mg-l5">JS变量</span></li>
<li <#if subitem=="JSDataTypes">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSDataTypes.htm")}'"><span class="z-mg-l5">JS数据类型</span></li>
<li <#if subitem=="JSFunctions">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFunctions.htm")}'"><span class="z-mg-l5">JS函数</span></li>
<li <#if subitem=="JSScope">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSScope.htm")}'"><span class="z-mg-l5">JS作用域</span></li>
<li <#if subitem=="JSEvents">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSEvents.htm")}'"><span class="z-mg-l5">JS事件</span></li>
<li <#if subitem=="JSStrings">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSStrings.htm")}'"><span class="z-mg-l5">JS字符串</span></li>
<li <#if subitem=="JSOperators">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSOperators.htm")}'"><span class="z-mg-l5">JS运算符</span></li>
<li <#if subitem=="JSComparisons">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSComparisons.htm")}'"><span class="z-mg-l5">JS比较和逻辑运算符</span></li>
<li <#if subitem=="JSFlowStatement">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFlowStatement.htm")}'"><span class="z-mg-l5">JS流程语句知识图</span></li>
<li <#if subitem=="JSIfElse">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSIfElse.htm")}'"><span class="z-mg-l5">JS If...else语句</span></li>
<li <#if subitem=="JSSwitch">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSSwitch.htm")}'"><span class="z-mg-l5">JS Switch语句</span></li>
<li <#if subitem=="JSLoopFor">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSLoopFor.htm")}'"><span class="z-mg-l5">JS for循环</span></li>
<li <#if subitem=="JSLoopWhile">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSLoopWhile.htm")}'"><span class="z-mg-l5">JS while循环</span></li>
<li <#if subitem=="JSBreak">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSBreak.htm")}'"><span class="z-mg-l5">JS break和continue语句</span></li>
<li <#if subitem=="JSTypeConversion">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSTypeConversion.htm")}'"><span class="z-mg-l5">JS 类型转换</span></li>
<li <#if subitem=="JSRegexp">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSRegexp.htm")}'"><span class="z-mg-l5">JS 正则表达式</span></li>
<li <#if subitem=="JSError">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSError.htm")}'"><span class="z-mg-l5">JS 错误处理</span></li>
<li <#if subitem=="JSDebugging">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSDebugging.htm")}'"><span class="z-mg-l5">JS 调试</span></li>
<li <#if subitem=="JSFormValidation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFormValidation.htm")}'"><span class="z-mg-l5">JS 表单验证</span></li>
<li <#if subitem=="JSReserved">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSReserved.htm")}'"><span class="z-mg-l5">JS 保留关键字</span></li>
<li <#if subitem=="JSJson">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSJson.htm")}'"><span class="z-mg-l5">JS JSON</span></li>
<li <#if subitem=="JSVoid">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSVoid.htm")}'"><span class="z-mg-l5">JavaScript:void(0)含义</span></li>
<li <#if subitem=="JSConventions">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSConventions.htm")}'"><span class="z-mg-l5">JS 代码规范</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JS函数</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="JSFunctionDefinition">block<#else>none</#if>;">
<li <#if subitem=="JSFunctionDefinition">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFunctionDefinition.htm")}'"><span class="z-mg-l5">JS函数定义</span></li>
<li <#if subitem=="JSFunctionParameters">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFunctionParameters.htm")}'"><span class="z-mg-l5">JS函数参数</span></li>
<li <#if subitem=="JSFunctionInvocation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFunctionInvocation.htm")}'"><span class="z-mg-l5">JS函数调用</span></li>
<li <#if subitem=="JSFunctionClosures">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFunctionClosures.htm")}'"><span class="z-mg-l5">JS函数闭包</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JS HTML DOM</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="JSHtmlDom">block<#else>none</#if>;">
<li <#if subitem=="JSHtmlDom">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHtmlDom.htm")}'"><span class="z-mg-l5">HTML DOM</span></li>
<li <#if subitem=="JSHtmlDomHtml">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHtmlDomHtml.htm")}'"><span class="z-mg-l5">HTML DOM改变HTML内容</span></li>
<li <#if subitem=="JSHtmlDomCss">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHtmlDomCss.htm")}'"><span class="z-mg-l5">HTML DOM改变CSS</span></li>
<li <#if subitem=="JSHtmlDomEvents">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHtmlDomEvents.htm")}'"><span class="z-mg-l5">HTML DOM事件</span></li>
<li <#if subitem=="JSHtmlDomEventListener">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHtmlDomEventListener.htm")}'"><span class="z-mg-l5">HTML DOM EventListener</span></li>
<li <#if subitem=="JSHtmlDomElements">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHtmlDomElements.htm")}'"><span class="z-mg-l5">HTML DOM元素</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JS高级教程</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="JSObjects">block<#else>none</#if>;">
<li <#if subitem=="JSObjects">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjects.htm")}'"><span class="z-mg-l5">JS 对象</span></li>
<li <#if subitem=="JSObjectNumber">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectNumber.htm")}'"><span class="z-mg-l5">JS Number对象</span></li>
<li <#if subitem=="JSObjectString">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectString.htm")}'"><span class="z-mg-l5">JS String对象</span></li>
<li <#if subitem=="JSObjectDate">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectDate.htm")}'"><span class="z-mg-l5">JS Date对象</span></li>
<li <#if subitem=="JSObjectArray">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectArray.htm")}'"><span class="z-mg-l5">JS Array对象</span></li>
<li <#if subitem=="JSObjectBoolean">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectBoolean.htm")}'"><span class="z-mg-l5">JS Boolean对象</span></li>
<li <#if subitem=="JSObjectMath">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectMath.htm")}'"><span class="z-mg-l5">JS Math对象</span></li>
<li <#if subitem=="JSObjectRegexp">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectRegexp.htm")}'"><span class="z-mg-l5">JS Regexp对象</span></li>
<li <#if subitem=="JSObjectWindow">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSObjectWindow.htm")}'"><span class="z-mg-l5">JS window对象</span></li>
<li <#if subitem=="JSExeccommand">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSExeccommand.htm")}'"><span class="z-mg-l5">JS execcommand对象</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JS Window</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="JSWindow">block<#else>none</#if>;">
<li <#if subitem=="JSWindow">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSWindow.htm")}'"><span class="z-mg-l5">JS Window</span></li>
<li <#if subitem=="JSWindowScreen">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSWindowScreen.htm")}'"><span class="z-mg-l5">JS Window Screen</span></li>
<li <#if subitem=="JSWindowLocation">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSWindowLocation.htm")}'"><span class="z-mg-l5">JS Window Location</span></li>
<li <#if subitem=="JSWindowHistory">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSWindowHistory.htm")}'"><span class="z-mg-l5">JS Window History</span></li>
<li <#if subitem=="JSPopup">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSPopup.htm")}'"><span class="z-mg-l5">JS 弹窗</span></li>
<li <#if subitem=="JSTiming">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSTiming.htm")}'"><span class="z-mg-l5">JS 计时事件</span></li>
<li <#if subitem=="JSCookies">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSCookies.htm")}'"><span class="z-mg-l5">JS Cookies</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JS 基础实例</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="JSBasicExample">block<#else>none</#if>;">
<li <#if subitem=="JSBasicExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSBasicExample.htm")}'"><span class="z-mg-l5">JS 基础实例</span></li>
<li <#if subitem=="JSStatementExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSStatementExample.htm")}'"><span class="z-mg-l5">JS 语句、注释和代码块实例</span></li>
<li <#if subitem=="JSVariableExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSVariableExample.htm")}'"><span class="z-mg-l5">JS 变量和条件语句实例</span></li>
<li <#if subitem=="JSMessageExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSMessageExample.htm")}'"><span class="z-mg-l5">JS 消息框实例</span></li>
<li <#if subitem=="JSFunctionExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFunctionExample.htm")}'"><span class="z-mg-l5">JS 函数实例</span></li>
<li <#if subitem=="JSLoopExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSLoopExample.htm")}'"><span class="z-mg-l5">JS 循环实例</span></li>
<li <#if subitem=="JSEventExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSEventExample.htm")}'"><span class="z-mg-l5">JS 事件和错误处理实例</span></li>
<li <#if subitem=="JSHighLevelExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSHighLevelExample.htm")}'"><span class="z-mg-l5">JS 高级实例</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JS 对象实例</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="JSStringExample">block<#else>none</#if>;">
<li <#if subitem=="JSStringExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSStringExample.htm")}'"><span class="z-mg-l5">JS String实例</span></li>
<li <#if subitem=="JSDateExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSDateExample.htm")}'"><span class="z-mg-l5">JS Date实例</span></li>
<li <#if subitem=="JSArrayExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSArrayExample.htm")}'"><span class="z-mg-l5">JS Array实例</span></li>
<li <#if subitem=="JSBooleanExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSBooleanExample.htm")}'"><span class="z-mg-l5">JS Boolean&Math实例</span></li>
<li <#if subitem=="JSBrowserExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSBrowserExample.htm")}'"><span class="z-mg-l5">JS Browser对象实例</span></li>
<li <#if subitem=="JSNavigatorExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSNavigatorExample.htm")}'"><span class="z-mg-l5">JS Navigator对象实例</span></li>
<li <#if subitem=="JSLocationExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSLocationExample.htm")}'"><span class="z-mg-l5">JS Location对象实例</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">JS HTML DOM实例</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display:<#if item=="JSDocumentExample">block<#else>none</#if>;">
<li <#if subitem=="JSDocumentExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSDocumentExample.htm")}'"><span class="z-mg-l5">JS Document实例</span></li>
<li <#if subitem=="JSAnchorExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSAnchorExample.htm")}'"><span class="z-mg-l5">JS Anchor实例</span></li>
<li <#if subitem=="JSAreaExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSAreaExample.htm")}'"><span class="z-mg-l5">JS Area实例</span></li>
<li <#if subitem=="JSBaseExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSBaseExample.htm")}'"><span class="z-mg-l5">JS Base实例</span></li>
<li <#if subitem=="JSButtonExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSButtonExample.htm")}'"><span class="z-mg-l5">JS Button实例</span></li>
<li <#if subitem=="JSFormExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFormExample.htm")}'"><span class="z-mg-l5">JS Form实例</span></li>
<li <#if subitem=="JSFrameExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSFrameExample.htm")}'"><span class="z-mg-l5">JS Frame/IFrame实例</span></li>
<li <#if subitem=="JSImageExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSImageExample.htm")}'"><span class="z-mg-l5">JS Image实例</span></li>
<li <#if subitem=="JSEventObjectExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSEventObjectExample.htm")}'"><span class="z-mg-l5">JS Event实例</span></li>
<li <#if subitem=="JSOptionAndSelectExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSOptionAndSelectExample.htm")}'"><span class="z-mg-l5">JS Option and Select实例</span></li>
<li <#if subitem=="JSTableExample">class="active"</#if> onclick="location.href='${context.getRootPath("/knowledgeLibrary/studyResource/JSTableExample.htm")}'"><span class="z-mg-l5">JS Table实例</span></li>
</ul>
</div>
</#if>
<!--边导航结束-->
</div>
</#function>
<#--知启蒙框架边导航开始-->
<#function zhiqim_com_sidebar_frame(menu, item, subitem)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="bestcase">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/index.htm")}'"><i class="z-font z-internet"></i><br>入门</li>
<li <#if menu=="convention">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/index.htm")}'"><i class="z-font z-text"></i><br>规约</li>
<li <#if menu=="programWord">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/index.htm")}'"><i class="z-font z-image-text"></i><br>词汇</li>
<li <#if menu=="tutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><i class="z-font z-video"></i><br>教程</li>
<li <#if menu=="faq">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/index.htm")}'"><i class="z-font z-folder"></i><br>帮助</li>
</ul>
<!--帮助子导航-->
<#if menu=="faq">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">帮助文档</span><br>
<span class="z-color-666">为用户提供帮助文档及常见问题的解决方案</span>
</div>
<p <#if item=="index">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/index.htm")}'"><span class="z-mg-l5">zhiqim介绍</span></p>
<p class="hasChild"><span class="z-mg-l5">用户账户</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="register">block<#else>none</#if>;">
<li <#if subitem=="register">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/register.htm")}'"><span class="z-mg-l5">注册登录</span></li>
<li <#if subitem=="realNameCertification">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/realNameCertification.htm")}'"><span class="z-mg-l5">用户实名认证</span></li>
<li <#if subitem=="accountBind">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/accountBind.htm")}'"><span class="z-mg-l5">第三方账号绑定</span></li>
</ul>
<p <#if item=="frequentlyAskedQuestions">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/frequentlyAskedQuestions.htm")}'"><span class="z-mg-l5">项目常见问题</span></p>
<p class="hasChild"><span class="z-mg-l5">微站助手</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="createNewProject">block<#else>none</#if>;">
<li <#if subitem=="createNewProject">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/createNewProject.htm")}'"><span class="z-mg-l5">Zhiqim Minisiter入门</span></li>
<li <#if subitem=="createWebsitePage">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/createWebsitePage.htm")}'"><span class="z-mg-l5">如何创建站点页面</span></li>
<li <#if subitem=="createNewWebsite">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/createNewWebsite.htm")}'"><span class="z-mg-l5">新建网站申请模板</span></li>
<li <#if subitem=="zhiqimNewsTutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/zhiqimNewsTutorial.htm")}'"><span class="z-mg-l5">简单新闻组件教程</span></li>
<li <#if subitem=="zhiqimGbookTutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/zhiqimGbookTutorial.htm")}'"><span class="z-mg-l5">留言组件教程</span></li>
</ul>
</div>
<!--入门子导航-->
<#elseif menu=="bestcase">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">快速入门</span><br>
<span class="z-color-666">快速了解工具、项目等部署和功能开发</span>
</div>
<p <#if item=="index">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/index.htm")}'"><span class="z-mg-l5">快速入门</span></p>
<p class="hasChild"><span class="z-mg-l5">安装指南</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="installGuide">block<#else>none</#if>;">
<li <#if subitem=="jdk">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/jdk.htm")}'"><span class="z-mg-l5">JDK安装指南</span></li>
<li <#if subitem=="studio">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/studio.htm")}'"><span class="z-mg-l5">Studio安装指南</span></li>
<li <#if subitem=="git">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/git.htm")}'"><span class="z-mg-l5">Git使用教程</span></li>
<li <#if subitem=="gitProblem">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/gitProblem.htm")}'"><span class="z-mg-l5">Git常见使用问题</span></li>
</ul>
<p class="hasChild"><span class="z-mg-l5">示例</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="bestcase">block<#else>none</#if>;">
<li <#if subitem=="helloworld">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/helloworld.htm")}'"><span class="z-mg-l5">Helloworld</span></li>
<li <#if subitem=="gbook">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/gbook.htm")}'"><span class="z-mg-l5">留言本</span></li>
<li <#if subitem=="component">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/component.htm")}'"><span class="z-mg-l5">公告</span></li>
<li <#if subitem=="login">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/login.htm")}'"><span class="z-mg-l5">登录</span></li>
<li <#if subitem=="bbs">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/bbs.htm")}'"><span class="z-mg-l5">BBS论坛</span></li>
<li <#if subitem=="comment">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/comment.htm")}'"><span class="z-mg-l5">评论组件</span></li>
</ul>
</div>
<!--规约子导航-->
<#elseif menu=="convention">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">编程规约</span><br>
<span class="z-color-666">为提高协同工作效率而制定的编程规约</span>
</div>
<p <#if item=="index">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/index.htm")}'"><span class="z-mg-l5">编程规约</span></p>
<p <#if item=="javaStyle">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/javaStyle.htm")}'"><span class="z-mg-l5">Java编码规约</span></p>
<p <#if item=="zmlStyle">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/zmlStyle.htm")}'"><span class="z-mg-l5">ZML编码规约</span></p>
<p <#if item=="htmlStyle">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/htmlStyle.htm")}'"><span class="z-mg-l5">HTML编码规约</span></p>
<p <#if item=="cssStyle">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/cssStyle.htm")}'"><span class="z-mg-l5">CSS编码规约</span></p>
<p <#if item=="jsStyle">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/jsStyle.htm")}'"><span class="z-mg-l5">JS编码规约</span></p>
<p <#if item=="processManagement">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/processManagement.htm")}'"><span class="z-mg-l5">开发过程管理</span></p>
<p <#if item=="databaseManagement">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/databaseManagement.htm")}'"><span class="z-mg-l5">数据库字典</span></p>
</div>
<!--词汇子导航-->
<#elseif menu=="programWord">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">编程词汇</span><br>
<span class="z-color-666">让程序员更加方便地查找编程常用词汇</span>
</div>
<p <#if item=="index">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/index.htm")}'"><span class="z-mg-l5">编程常用词汇</span></p>
<p <#if item=="programAbbreviation">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/programAbbreviation.htm")}'"><span class="z-mg-l5">编程词汇缩写</span></p>
<p <#if item=="wordOverview">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/wordOverview.htm")}'"><span class="z-mg-l5">编程词汇一览</span></p>
</div>
</#if>
<!--边导航结束-->
</div>
</#function>
<#--微内核边导航开始-->
<#function zhiqim_com_kernel(menu, submenu, item, subitem)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<ul class="sidebar-top">
<li <#if menu=="bestcase">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/index.htm")}'"><i class="z-font z-internet"></i><br>入门</li>
<li <#if menu=="convention">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/index.htm")}'"><i class="z-font z-text"></i><br>规约</li>
<li <#if menu=="programWord">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/index.htm")}'"><i class="z-font z-image-text"></i><br>词汇</li>
<li <#if menu=="tutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><i class="z-font z-video"></i><br>教程</li>
<li <#if menu=="faq">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/index.htm")}'"><i class="z-font z-folder"></i><br>帮助</li>
</ul>
</ul>
<!-- 子导航 -->
<div class="sidebar-child">
<div class="info z-float-left z-text-left" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">教程</span><br>
<span class="z-color-666">引导用户理解相关知识 提供基础开发工具</span>
</div>
<div class="coursenav">
<a <#if submenu=="kernel"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><span class="z-mg-l5">微内核</span></a>
<a <#if submenu=="orm"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/index.htm")}'"><span class="z-mg-l5">数据库映射</span></a>
<a <#if submenu=="zml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/index.htm")}'"><span class="z-mg-l5">模板引擎</span></a>
<a <#if submenu=="httpd"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/index.htm")}'"><span class="z-mg-l5">WEB容器</span></a>
<a <#if submenu=="ui"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/index.htm")}'"><span class="z-mg-l5">前端UI</span></a>
</div>
<div class="z-float-left z-bd-b z-mg-b20 z-pd10 z-w100p"></div>
<p <#if item=="kernel"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><span class="z-mg-l5">首页</span></p>
<p <#if item=="config"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/config.htm")}'"><span class="z-mg-l5">配置</span></p>
<p <#if item=="run"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/run.htm")}'"><span class="z-mg-l5">运行</span></p>
<p <#if item=="service"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/service.htm")}'"><span class="z-mg-l5">服务</span></p>
<p <#if item=="logging"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/logging.htm")}'"><span class="z-mg-l5">日志</span></p>
<p class="hasChild"><span class="z-mg-l5">应用</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="app">block<#else>none</#if>;">
<li <#if subitem=="schedule"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/schedule.htm")}'">时钟定时任务</li>
<li <#if subitem=="thread"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/thread.htm")}'">线程池控制器</li>
<li <#if subitem=="httpclient"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/httpclient.htm")}'">HTTP客户端</li>
<li <#if subitem=="json"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/json.htm")}'">JSON编解析</li>
<li <#if subitem=="xml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/xml.htm")}'">XML编解析</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">工具</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="util">block<#else>none</#if>;">
<li<#if subitem=="code"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/code.htm")}'">编码工具</li>
<li<#if subitem=="string"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/string.htm")}'">字符串工具</li>
<li<#if subitem=="datetime"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/datetime.htm")}'">日期工具</li>
<li<#if subitem=="validate"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/validate.htm")}'">验证工具</li>
<li<#if subitem=="other"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/other.htm")}'">其他常用工具</li>
</ul>
</div>
</div>
</#function>
<#--数据库映射容器开始-->
<#function zhiqim_com_orm(menu, submenu, item, subitem)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="bestcase">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/index.htm")}'"><i class="z-font z-internet"></i><br>入门</li>
<li <#if menu=="convention">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/index.htm")}'"><i class="z-font z-text"></i><br>规约</li>
<li <#if menu=="programWord">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/index.htm")}'"><i class="z-font z-image-text"></i><br>词汇</li>
<li <#if menu=="tutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><i class="z-font z-video"></i><br>教程</li>
<li <#if menu=="faq">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/index.htm")}'"><i class="z-font z-folder"></i><br>帮助</li>
</ul>
<!-- 子导航 -->
<div class="sidebar-child">
<div class="info z-float-left z-text-left" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">教程</span><br>
<span class="z-color-666">引导用户理解相关知识 提供基础开发工具</span>
</div>
<div class="coursenav">
<a <#if submenu=="kernel"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><span class="z-mg-l5">微内核</span></a>
<a <#if submenu=="orm"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/index.htm")}'"><span class="z-mg-l5">数据库映射</span></a>
<a <#if submenu=="zml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/index.htm")}'"><span class="z-mg-l5">模板引擎</span></a>
<a <#if submenu=="httpd"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/index.htm")}'"><span class="z-mg-l5">WEB容器</span></a>
<a <#if submenu=="ui"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/index.htm")}'"><span class="z-mg-l5">前端UI</span></a>
</div>
<div class="z-float-left z-bd-b z-mg-b20 z-pd10 z-w100p"></div>
<p <#if item=="orm"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/index.htm")}'"><span class="z-mg-l5">首页</span></p>
<p <#if item=="zsql"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/zsql.htm")}'"><span class="z-mg-l5">ZSQL规范</span></p>
<p <#if item=="config"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/config.htm")}'"><span class="z-mg-l5">数据库配置</span></p>
<p <#if item=="ztable"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/ztable.htm")}'"><span class="z-mg-l5">表映射</span></p>
<p <#if item=="zview"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/zview.htm")}'"><span class="z-mg-l5">视图映射</span></p>
</div>
</div>
</#function>
<#--模板引擎容器开始-->
<#function zhiqim_com_zml(menu, submenu, item, subitem)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="bestcase">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/index.htm")}'"><i class="z-font z-internet"></i><br>入门</li>
<li <#if menu=="convention">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/index.htm")}'"><i class="z-font z-text"></i><br>规约</li>
<li <#if menu=="programWord">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/index.htm")}'"><i class="z-font z-image-text"></i><br>词汇</li>
<li <#if menu=="tutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><i class="z-font z-video"></i><br>教程</li>
<li <#if menu=="faq">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/index.htm")}'"><i class="z-font z-folder"></i><br>帮助</li>
</ul>
<!-- 子导航 -->
<div class="sidebar-child">
<div class="info z-float-left z-text-left" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">教程</span><br>
<span class="z-color-666">引导用户理解相关知识 提供基础开发工具</span>
</div>
<div class="coursenav">
<a <#if submenu=="kernel"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><span class="z-mg-l5">微内核</span></a>
<a <#if submenu=="orm"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/index.htm")}'"><span class="z-mg-l5">数据库映射</span></a>
<a <#if submenu=="zml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/index.htm")}'"><span class="z-mg-l5">模板引擎</span></a>
<a <#if submenu=="httpd"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/index.htm")}'"><span class="z-mg-l5">WEB容器</span></a>
<a <#if submenu=="ui"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/index.htm")}'"><span class="z-mg-l5">前端UI</span></a>
</div>
<div class="z-float-left z-bd-b z-mg-b20 z-pd10 z-w100p"></div>
<p <#if item=="zml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/index.htm")}'"><span class="z-mg-l5">首页</span></p>
<p <#if item=="statement"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/statement.htm")}'"><span class="z-mg-l5">ZML语句</span></p>
<p class="hasChild"><span class="z-mg-l5">ZML表达式</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="expression">block<#else>none</#if>;">
<li<#if subitem=="primitive"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/primitive.htm")}'">原型表达式</li>
<li<#if subitem=="symbol"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/symbol.htm")}'">符号表达式</li>
<li<#if subitem=="operator"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/operator.htm")}'">操作表达式</li>
</ul>
<p <#if item=="loader"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/loader.htm")}'"><span class="z-mg-l5">ZML加载器</span></p>
<p <#if item=="context"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/context.htm")}'"><span class="z-mg-l5">上下文配置</span></p>
<p <#if item=="priority"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/priority.htm")}'"><span class="z-mg-l5">表达式优先级</span></p>
<p <#if item=="scope"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/scope.htm")}'"><span class="z-mg-l5">变量作用域</span></p>
</div>
</div>
</#function>
<#--WEB容器开始-->
<#function zhiqim_com_httpd(menu, submenu, item, subitem)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="bestcase">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/index.htm")}'"><i class="z-font z-internet"></i><br>入门</li>
<li <#if menu=="convention">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/index.htm")}'"><i class="z-font z-text"></i><br>规约</li>
<li <#if menu=="programWord">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/index.htm")}'"><i class="z-font z-image-text"></i><br>词汇</li>
<li <#if menu=="tutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><i class="z-font z-video"></i><br>教程</li>
<li <#if menu=="faq">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/index.htm")}'"><i class="z-font z-folder"></i><br>帮助</li>
</ul>
<!-- 子导航 -->
<div class="sidebar-child">
<div class="info z-float-left z-text-left" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">教程</span><br>
<span class="z-color-666">引导用户理解相关知识 提供基础开发工具</span>
</div>
<div class="coursenav">
<a <#if submenu=="kernel"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><span class="z-mg-l5">微内核</span></a>
<a <#if submenu=="orm"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/index.htm")}'"><span class="z-mg-l5">数据库映射</span></a>
<a <#if submenu=="zml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/index.htm")}'"><span class="z-mg-l5">模板引擎</span></a>
<a <#if submenu=="httpd"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/index.htm")}'"><span class="z-mg-l5">WEB容器</span></a>
<a <#if submenu=="ui"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/index.htm")}'"><span class="z-mg-l5">前端UI</span></a>
</div>
<div class="z-float-left z-bd-b z-mg-b20 z-pd10 z-w100p"></div>
<p <#if item=="httpd"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/index.htm")}'"><span class="z-mg-l5">首页</span></p>
<p class="hasChild"><span class="z-mg-l5">WEB容器配置</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="config">block<#else>none</#if>;">
<li<#if subitem=="config"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/config.htm")}'">WEB容器配置说明</li>
<li<#if subitem=="http"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/http.htm")}'">最简HTTP服务</li>
<li<#if subitem=="https"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/https.htm")}'">最简HTTPS服务</li>
<li<#if subitem=="multiContext"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/multiContext.htm")}'">多上下文环境配置</li>
<li<#if subitem=="multiServer"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/multiServer.htm")}'">多服务共享监听</li>
<li<#if subitem=="multiHttp"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/multiHttp.htm")}'">多服务独享监听</li>
</ul>
<p <#if item=="context_static"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/context_static.htm")}'"><span class="z-mg-l5">静态上下文环境</span></p>
<p <#if item=="context_zml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/context_zml.htm")}'"><span class="z-mg-l5">ZML上下文环境</span></p>
<p class="hasChild"><span class="z-mg-l5">上下文属性</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="attribute">block<#else>none</#if>;">
<li<#if subitem=="request"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/request.htm")}'">HttpRequest</li>
<li<#if subitem=="response"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/response.htm")}'">HttpResponse</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">上下文元素</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="element">block<#else>none</#if>;">
<li<#if subitem=="component"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/component.htm")}'">Component</li>
<li<#if subitem=="attribute"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/attribute.htm")}'">Attribute</li>
<li<#if subitem=="action"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/action.htm")}'">Action</li>
<li<#if subitem=="interceptor"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/interceptor.htm")}'">Interceptor</li>
<li<#if subitem=="rule"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/rule.htm")}'">Rule</li>
<li<#if subitem=="validate"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/validate.htm")}'">Validate</li>
<li<#if subitem=="session"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/session.htm")}'">Session</li>
<li<#if subitem=="cookie"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/cookie.htm")}'">Cookie</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">内置的服务</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="default">block<#else>none</#if>;">
<li<#if subitem=="ajax"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/ajax.htm")}'">AJAX服务</li>
<li<#if subitem=="rmi"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/rmi.htm")}'">RMI服务</li>
<li<#if subitem=="vcode"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/vcode.htm")}'">验证码服务</li>
<li<#if subitem=="res"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/res.htm")}'">资源服务</li>
<li<#if subitem=="upload"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/upload.htm")}'">文件上传</li>
</ul>
<p <#if item=="servlet"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/servlet.htm")}'"><span class="z-mg-l5">兼容Servlet</span></p>
</div>
</div>
</#function>
<#--前端UI容器开始-->
<#function zhiqim_com_ui(menu, submenu, item, subitem)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="bestcase">class="active"</#if> onclick="location.href='${context.getRootPath("/document/bestcase/index.htm")}'"><i class="z-font z-internet"></i><br>入门</li>
<li <#if menu=="convention">class="active"</#if> onclick="location.href='${context.getRootPath("/document/convention/index.htm")}'"><i class="z-font z-text"></i><br>规约</li>
<li <#if menu=="programWord">class="active"</#if> onclick="location.href='${context.getRootPath("/document/programWord/index.htm")}'"><i class="z-font z-image-text"></i><br>词汇</li>
<li <#if menu=="tutorial">class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><i class="z-font z-video"></i><br>教程</li>
<li <#if menu=="faq">class="active"</#if> onclick="location.href='${context.getRootPath("/document/faq/index.htm")}'"><i class="z-font z-folder"></i><br>帮助</li>
</ul>
<!-- 子导航 -->
<div class="sidebar-child">
<div class="info z-float-left z-text-left" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">教程</span><br>
<span class="z-color-666">引导用户理解相关知识 提供基础开发工具</span>
</div>
<div class="coursenav">
<a <#if submenu=="kernel"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/kernel/index.htm")}'"><span class="z-mg-l5">微内核</span></a>
<a <#if submenu=="orm"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/orm/index.htm")}'"><span class="z-mg-l5">数据库映射</span></a>
<a <#if submenu=="zml"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/zml/index.htm")}'"><span class="z-mg-l5">模板引擎</span></a>
<a <#if submenu=="httpd"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/httpd/index.htm")}'"><span class="z-mg-l5">WEB容器</span></a>
<a <#if submenu=="ui"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/index.htm")}'"><span class="z-mg-l5">前端UI</span></a>
</div>
<div class="z-float-left z-bd-b z-mg-b20 z-pd10 z-w100p"></div>
<p <#if item=="ui"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/index.htm")}'"><span class="z-mg-l5">首页</span></p>
<p class="hasChild"><span class="z-mg-l5">全局CSS定义</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="css">block<#else>none</#if>;">
<li<#if subitem=="global"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/css/css.htm")}'">全局定义</li>
<li<#if subitem=="color"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/css/color.htm")}'">颜色定义</li>
<li<#if subitem=="font"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/css/font.htm")}'">字体图标</li>
<li<#if subitem=="ico"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/css/ico.htm")}'">图片图标</li>
<li<#if subitem=="text"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/css/text.htm")}'">文本样式</li>
<li<#if subitem=="block"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/css/block.htm")}'">块样式</li>
<li<#if subitem=="table"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/css/table.htm")}'">表格样式</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">全局JS定义</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="js">block<#else>none</#if>;">
<li<#if subitem=="js"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/js/js.htm")}'">全局定义</li>
<li<#if subitem=="static"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/js/static.htm")}'">静态对象</li>
<li<#if subitem=="util"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/js/util.htm")}'">工具对象</li>
<li<#if subitem=="query"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/js/query.htm")}'">查询对象</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">表单</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="form">block<#else>none</#if>;">
<li<#if subitem=="input"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/form/input.htm")}'">输入框</li>
<li<#if subitem=="button"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/form/button.htm")}'">按钮</li>
<li<#if subitem=="checkbox"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/form/checkbox.htm")}'">多选框</li>
<li<#if subitem=="radio"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/form/radio.htm")}'">单选框</li>
<li<#if subitem=="select"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/form/select.htm")}'">选择框</li>
<li<#if subitem=="editable"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/form/editable.htm")}'">可编辑文本</li>
<li<#if subitem=="calendar"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/form/calendar.htm")}'">日历控件</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">对话框</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="dialog">block<#else>none</#if>;">
<li<#if subitem=="dialog"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/dialog/dialog.htm")}'">自定义对话框</li>
<li<#if subitem=="alert"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/dialog/alert.htm")}'">警告对话框</li>
<li<#if subitem=="confirm"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/dialog/confirm.htm")}'">询问对话框</li>
<li<#if subitem=="prompt"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/dialog/prompt.htm")}'">提示对话框</li>
<li<#if subitem=="loading"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/dialog/loading.htm")}'">加载中对话框</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">导航和提醒</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="nav">block<#else>none</#if>;">
<li<#if subitem=="tabnav"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/nav/tabnav.htm")}'">标签页</li>
<li<#if subitem=="stepbar"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/nav/stepbar.htm")}'">步骤条</li>
<li<#if subitem=="tooltip"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/nav/tooltip.htm")}'">提示框</li>
<li<#if subitem=="dropdown"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/nav/dropdown.htm")}'">下拉列表</li>
</ul>
<p class="hasChild"><span class="z-mg-l5">工具</span><i class="z-absolute z-font z-arrowhead-down z-px12" style="top:0px;right:10px;"><span></span></i></p>
<ul style="display: <#if item=="tool">block<#else>none</#if>;">
<li<#if subitem=="copy"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/tool/copy.htm")}'">复制按钮</li>
<li<#if subitem=="ajax"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/tool/ajax.htm")}'">Ajax调用</li>
<li<#if subitem=="drag"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/tool/drag.htm")}'">拖拽与缩放</li>
<li<#if subitem=="imageClipper"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/tool/imageClipper.htm")}'">图片裁切</li>
<li<#if subitem=="upload"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/tool/upload.htm")}'">文件上传</li>
<li<#if subitem=="uploadlarge"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/tool/uploadLarge.htm")}'">大文件上传</li>
<li<#if subitem=="text_editor"> class="active"</#if> onclick="location.href='${context.getRootPath("/document/tutorial/ui/tool/text_editor.htm")}'">富文本编辑器</li>
</ul>
</div>
</div>
</#function>
<#--产品边导航开始-->
<#function zhiqim_com_sidebar_prpduct(menu, item, name, image)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="product">class="active"</#if> onclick="location.href='${context.getRootPath("/product/www/index.htm")}'"><i class="z-font z-apps"></i><br>产品</li>
<li <#if menu=="service">class="active"</#if> onclick="location.href='${context.getRootPath("/product/www/service.htm")}'"><i class="z-font z-customer"></i><br>服务</li>
</ul>
<!-- 产品子导航 -->
<#if menu=="product">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">产品服务</span><br>
<span class="z-color-666">为企业和个人用户提供成熟稳定的产品及服务</span>
</div>
<p <#if item=="index">class="active"</#if> onclick="location.href='${context.getRootPath("/product/www/index.htm")}'"><span class="z-mg-l5">全部产品</span></p>
<p <#if item=="recommendProduct">class="active"</#if> onclick="location.href='${context.getRootPath("/product/www/recommendProduct.htm")}'"><span class="z-mg-l5">推荐产品</span></p>
</div>
</#if>
<!-- 产品子导航 -->
<#if menu=="service">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">产品服务</span><br>
<span class="z-color-666">为企业和个人用户提供成熟稳定的产品及服务</span>
</div>
<p class="active"><span class="z-mg-l5">服务协议</span></p>
<p <#if item=="productList">class="active"</#if> ><span class="z-mg-l5">服务介绍</span></p>
</div>
</#if>
<!--边导航结束-->
</div>
</#function>
<#--重写边导航开始-->
<#function zhiqim_account_www_sidebar(menu, item)>
<div id="sidebar">
<!--边导航-->
<ul class="sidebar-top">
<li <#if menu=="account">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/account/index.htm")}');"><i class="z-font z-customer"></i><br>账户</li>
${zhiqim_account_sidebar_defined()}
</ul>
${zhiqim_account_sidebar_child_defined()}
<!--边导航结束-->
</div>
</#function>
<#--边导航自定义块-->
<#function zhiqim_account_sidebar_defined()>
<#if ZacAdminRule.check(request)>
<li <#if menu=="resource">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/zhiqim_resource/resource.htm")}');"><i class="z-font z-apps"></i><br>资源</li>
<li <#if menu=="weixinMp">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/zhiqim_weixinmp/menu.htm")}');"><i class="z-font z-internet"></i><br>微信</li>
</#if>
</#function>
<#--子导航自定义块-->
<#function zhiqim_account_sidebar_child_defined()>
<!--账户子导航-->
<#if menu=="account">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">账户中心</span><br>
<span class="z-color-666">个人账户管理、安全信息和交易明细查询等</span>
</div>
<p <#if item=="index">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/account/index.htm")}');"><span class="z-mg-l5"><i class="z-font z-customer z-mg-r5"></i>基本信息</span></p>
<p <#if item=="security">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/account/security.htm")}');"><span class="z-mg-l5"><i class="z-font z-lock z-mg-r5"></i>安全信息</span></p>
<p <#if item=="authenticate">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/account/authenticate.htm")}');"><span class="z-mg-l5"><i class="z-font z-image-text z-mg-r5"></i>实名认证</span></p>
<p <#if item=="trade">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/account/trade.htm")}');"><span class="z-mg-l5"><i class="z-font z-list z-mg-r5"></i>交易明细</span></p>
<p <#if item=="setting">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/gitcan/setting.htm")}');"><span class="z-mg-l5"><i class="z-font z-config z-mg-r5"></i>Git设置</span></p>
</div>
</#if>
<!--资源子导航-->
<#if menu=="resource">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">资源管理</span><br>
<span class="z-color-666">管理网站资源目录</span>
</div>
<p <#if item=="index">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/zhiqim_resource/resource.htm")}');"><span class="z-mg-l5">系统资源管理</span></p>
</div>
</#if>
<!--微信子导航-->
<#if menu=="weixinMp">
<div class="sidebar-child">
<div class="info z-float-left z-text-left z-bd-b" >
<span class="z-relative z-px18 z-bold" style="line-height:32px;">微信管理</span><br>
<span class="z-color-666">公众号菜单、公众号用户列表等</span>
</div>
<p <#if item=="menu">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/zhiqim_weixinmp/menu.htm")}');"><span class="z-mg-l5">菜单列表</span></p>
<p <#if item=="user">class="active"</#if> onclick="Z.L.href('${context.getRootPath("/zhiqim_weixinmp/user.htm")}');"><span class="z-mg-l5">用户列表</span></p>
</div>
</#if>
</#function>