Javascript mouse over gridview row highlighted

Gridview row highligheted when mouseover in asp.net using javascript and style

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