詳細(xì)代碼就在這了，請(qǐng)求大神幫忙看一下。

<div id="cntR">
<div id="NewsTop">
<div id="NewsTop_tit">  
<p class="topTit">桌臺(tái)類型</p>
<p class="topC1">大廳一</p>
<p class="topC0">大廳二</p>
<p class="topC0">包廂</p>
</div>
<div id="NewsTop_cnt">
<span title="top"></span>
  <span>
       {if $type == 'state'}
                <div class="table-state-tables">
                    <div class="col-xs-12">
                        {loop $list $item}
                        {if $item['status']==0}
                        {php $status = 'idle';}
                        {php $title = '空&emsp;閑';}
                        {elseif $item['status']==1}
                        {php $status = 'opened';}
                        {php $title = '已開臺(tái)';}
                        {elseif $item['status']==2}
                        {php $status = 'ordered';}
                        {php $title = '已下單';}
                        {elseif $item['status']==3}
                        {php $status = 'paid';}
                        {php $title = '已支付';}
                        {/if}
                        <div class="state-table" data-id="{$item['id']}">
                            <div class="name overflow-ellipsis">
                                <a href="{php echo $this->createMobileUrl('waplist', array('storeid' => $storeid, 'mode' => $mode, 'tablesid' => $item['id']))}" class="table {$status} round"></a>
                                  <a href="{php echo $this->createMobileUrl('waplist', array('storeid' => $storeid, 'mode' => $mode, 'tablesid' => $item['id']))}"><p class="status">{$item['title']}<br/>{$title}</p></a>
                            </div>
                        </div>
                        {/loop}
                      {/if}                     
                      </div>
                  </div>
</span>
 <span>
       {if $type == 'state'}
                <div class="table-state-tables">
                    <div class="col-xs-12">
                        {loop $list_1 $item}
                        {if $item['status']==0}
                        {php $status = 'idle';}
                        {php $title = '空&emsp;閑';}
                        {elseif $item['status']==1}
                        {php $status = 'opened';}
                        {php $title = '已開臺(tái)';}
                        {elseif $item['status']==2}
                        {php $status = 'ordered';}
                        {php $title = '已下單';}
                        {elseif $item['status']==3}
                        {php $status = 'paid';}
                        {php $title = '已支付';}
                        {/if}
                        <div class="state-table" data-id="{$item['id']}">
                            <div class="name overflow-ellipsis">
                                <a href="{php echo $this->createMobileUrl('waplist', array('storeid' => $storeid, 'mode' => $mode, 'tablesid' => $item['id']))}" class="table {$status} round"></a>
                                  <a href="{php echo $this->createMobileUrl('waplist', array('storeid' => $storeid, 'mode' => $mode, 'tablesid' => $item['id']))}"><p class="status">{$item['title']}<br/>{$title}</p></a>
                            </div>
                        </div>
                        {/loop}
                      {/if}                     
                      </div>
                  </div>
</span>
 <span>
       {if $type == 'state'}
                <div class="table-state-tables">
                    <div class="col-xs-12">
                        {loop $list_2 $item}
                        {if $item['status']==0}
                        {php $status = 'idle';}
                        {php $title = '空&emsp;閑';}
                        {elseif $item['status']==1}
                        {php $status = 'opened';}
                        {php $title = '已開臺(tái)';}
                        {elseif $item['status']==2}
                        {php $status = 'ordered';}
                        {php $title = '已下單';}
                        {elseif $item['status']==3}
                        {php $status = 'paid';}
                        {php $title = '已支付';}
                        {/if}
                        <div class="state-table" data-id="{$item['id']}">
                            <div class="name overflow-ellipsis">
                                <a href="{php echo $this->createMobileUrl('waplist', array('storeid' => $storeid, 'mode' => $mode, 'tablesid' => $item['id']))}" class="table {$status} round"></a>
                                  <a href="{php echo $this->createMobileUrl('waplist', array('storeid' => $storeid, 'mode' => $mode, 'tablesid' => $item['id']))}"><p class="status">{$item['title']}<br/>{$title}</p></a>
                            </div>
                        </div>
                        {/loop}
                      {/if}                     
                      </div>
                  </div>
</span>
</div>
</div>
</div>

<script>
var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p'); 
var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span'); 
var len=Tags.length; 
var flag=1;//修改默認(rèn)值
for(i=1;i<len;i++){
Tags[i].value = i;
Tags[i].onmouseover=function(){changeNav(this.value)}; 
TagsCnt[i].className='undis'; 
}
Tags[flag].className='topC1';
TagsCnt[flag].className='dis';
function changeNav(v){ 
Tags[flag].className='topC0';
TagsCnt[flag].className='undis';
flag=v; 
Tags[v].className='topC1';
TagsCnt[v].className='dis';
}
</script>