Javascript mouse over gridview row highlighted

How to make gridview row highlighted when mouse over uisng javascipt mouse over and out
 <style type="text/css">
.rowStyle
{
background-color:#AAFFEE;
cursor:pointer;
}
</style>

SqlCommand mySqlCommand = new SqlCommand("select * from categories", mySQLconnection);
SqlDataAdapter mySqlAdapter = new SqlDataAdapter(mySqlCommand);
DataSet myDataSet = new DataSet();
mySqlAdapter.Fill(myDataSet);
GridView1.DataSource = myDataSet;
GridView1.DataBind();
foreach (GridViewRow row in GridView1.Rows)
{
row.Attributes.Add("onmouseover", "javascript:this.className = 'rowStyle'");
row.Attributes.Add("onmouseout", "javascript:this.className = ''");
}

Next Recommended Reading Skip header row of GridView