smarty之section用法 隔行换色，鼠标over高亮

<table border="0" width="100%" align="center" class="table_common" cellpadding="0" cellspacing="0">
    <tr class="tr_common_title">
        <th>ID</th><th>Remark</th><th>申核人</th><th>时间</th>
    </tr>
    {{section name="val" loop="$auditInfo"}}
    <tr class="{{if $smarty.section.val.index % 2 >0}}tr_common_row_odd{{else}}tr_common_row_even{{/if}}" οnmοuseοver="this.className='tr_common_row_hover';" οnmοuseοut="this.className='{{if $smarty.section.val.index % 2 >0}}tr_common_row_odd{{else}}tr_common_row_even{{/if}}';">
        <td>{{$smarty.section.val.index}}{{$auditInfo[val].audit_id}}</td><td>{{$auditInfo[val].idc_remark}}</td><td>{{$auditInfo[val].user_name}}</td><td>{{$auditInfo[val].create_time|date_format:"%Y-%m-%d"}}</td>
    </tr>
    {{sectionelse}}
    <tr class="tr_common_row">
        <td colspan="4">{{lang t='ui_c_nodata'}}</td>
    </tr>
    {{/section}}
</table>