Изменение цвета ячеек таблицы которую выводит цикл

onMouseOver="this.style.background='#FFCC33'" onMouseOut="this.style.background='#CCCCCC'"

echo "onMouseOver=\"this.style.background='#FFCC33'\" onMouseOut=\"this.style.background='#CCCCCC'\"";

<style type="text/css">
    tr.cl1
        {
            background: #ffcc33;
        }
    tr.cl1:hover
        {
            background: #CCCCCC;
        }
        
    tr.cl2
        {
            background: red;
        }
    tr.cl2:hover
        {
            background: pink;
        }
</style>
<table>
    <tr>
        <td>test</td>
        <td>test 2</td>
    </tr>
<?php
    $test   =   true;
    for ($i = 1; $i <= 10; $i++) 
        {
            
            if ($test)
                {
                    echo "<tr class=\"cl1\">";
                    $test   =   false;
                }else
                    {
                        echo "<tr class=\"cl2\">";
                        $test   =   true;
                    }
            echo "<td>test {$i} </td>";
            echo "<td>test ".($i+1)."</td>";
            echo "</tr>";
        }
 
?>