eyoucms指定栏目及栏目内容调用，栏目下有多个子栏目，点击鼠标，切换栏目及其内容，以下是效果截图，一起来了解一下。
代码如下：
<div class="index7 max1440">
<div class="index_title">
{eyou:type typeid='71'}
<h3 class="h3">
{$field.typename}
</h3>
<h4 class="h4">
{$field.englist_name}
</h4>
<h5 class="h5">
{$field.seo_description|msubstr=###,0,250/2}...
</h5>
{/eyou:type}
</div>
{eyou:channelartlist typeid='71'}
<div class="news_nav">
{eyou:channel type ='son' currentstyle="on"}
<a href="javascript:;" class="{$field.currentstyle}">
{$field.typename}
</a>
{/eyou:channel}
</div>
<div class="news_list clearfix">
{eyou:channel type="son"}
<ul class="clearfix">
{eyou:arclist typeid='$field.typeid' titlelen='25' infolen='60' row='12'}
<li>
<a href="{$field.arcurl}" title="{$field.title}">
<div class="news_img">
<div class="imgzoom">
{eyou:eq name='$field.is_litpic' value='1'}
<img src="{$field.litpic}" alt="{$field.title}">
{eyou:else /}
<img src="/static/picture/fuwu1.jpg" alt="{$field.title}">
{/eyou:eq}
</div>
</div>
<div class="news_txt">
<div class="tit">
{$field.title}
</div>
<div class="time">
{$field.add_time|date='Y-m-d',###}
</div>
<div class="txt">
{$field.seo_description|msubstr=###,0,250/2}...
</div>
</div>
</a>
</li>
{/eyou:arclist}
</ul>
{/eyou:channel}
</div>
{/eyou:channelartlist}
</div>