Jquery Change TR bgcolor

JavaScript
1

Hi,

I’m struggling to change the bg colour of my tr. So far I have:


<HEAD>
<script type="text/javascript" src="includes/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="includes/jquery.color.js"></script>
<script>
  $(document).ready(function(){
    $("#proplink").mouseover(function(){
  $("#proplink").animate( { backgroundColor: "#fce3ac" }, 600);
});
$("#proplink").mouseout(function(){
  $("#proplink").animate( { backgroundColor: "red" }, 600);
});
  });
</script>
<style type="text/css">
<!--
.proplinko {
	background-color: blue;
}
-->
</style>
</HEAD>

<BODY>
<tr valign="middle" id="proplink" onClick="document.location.href='property.php?id=".$id."';" class="proplinko" style=\\"cursor:pointer;">
</BODY>

It seems to sort of work, but flashes between the 2 colour as if I’m quickly moving my mouse over and out.

Any help would be appreciated.

Rhys

2

Done it.


<script>
  $(document).ready(function(){
    $('.proplinko').hover(function(){
  $(this).animate( {backgroundColor:'#fce3ac'}, 600);
		},function(){
			$(this).animate( {backgroundColor:'#f9f9e2'}, 600);
		});
  });
</script>

Thanks