stl:tabs 页签切换

通过 stl:tabs 标签在模板中显示页签切换

stl:tabs 标签示例

示例一:切换显示内容区域

下面的例子有页签的方式切换显示"starting"与"新闻"区域。

  • 公司新闻
  • 行业新闻
    STL 语言
    STL 标签与 STL 实体
    STL 模板语言规则
    STL 实体说明
    STL 翻页标签与实现
    STL 地址通配符
<ul>
    <table border="0" cellpadding="0" cellspacing="0">
    <tr> 
        <stl:tabs tabName="页签一" isHeader="true" action="MouseOver" classActive="tabon" classNormal="taboff">  
            <td width="100"><li class="tabon"><stl:a channelIndex="公司新闻">公司新闻</stl:a></li></td>  
            <td><li class="taboff"><stl:a channelIndex="行业新闻">行业新闻</stl:a></li></td>
        </stl:tabs>
    </tr>
    </table>  
</ul>  
<stl:tabs tabName="页签一" isHeader="false">  
        <div>
         <ul>  
            <stl:contents channelIndex="starting" totalNum="10" layout="None">  
                <stl:content type="Title" wordNum="15"></stl:content><br />  
            </stl:contents>  
         </ul>
        </div>  
        <div style="display:none">
         <ul>  
            <stl:contents channelIndex="新闻" totalNum="10" layout="None">  
                <stl:content type="Title" wordNum="15"></stl:content><br /> 
            </stl:contents>  
         </ul>
        </div>  
</stl:tabs>

解析后的HTML代码: