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 = ''"); }