Hello,

I am using jquery + interface to change the background color (with a fade) of a table row when i hover over that row. The problem is that it sometimes fades out (the mouseout function???) without my mouse leaving the row, causing some irritating flickering.

Here's how i do it:

<tr onMouseOver="$(this).animate({backgroundColor: '#f6d71e'},200);" onMouseOut="$(this).animate({backgroundColor: '#ffffff'},200);">

Any ideas why this happens and how i can prevent this?

thanks!

Matt

For one thing, the way you are activating those functions is cheesy and outdated. there is no reason to use inline events like that, especially when jQuery has such an advanced events module.

Study up on jQuery a bit, utilize some "normal" events, and then come back and address the issue again if it is still happening.