jQuery, fade between CSS hover state

[gord]

Hello peoples,

Does anyone know of a nice script that will fade between any element with a CSS hover state?

So it doesnt matter if you have '#nav div#special' or 'a', if there is a '#nav div#special:hover' or 'a:hover', the jQuery finds it and fades between the appearance of the two CSS styles on mouse over and back again on mouse out.

This would keep the CSS mega easy. I was expecting to find something on Google but I can't and writing my own script is just out of my reach at the moment. I'm sure there probably is something out there already, but its the flexibility I am after. Its easy to implement specific fades for elements, not so easy to make it work for anything.

Any help is much appreciated.

 

[slylittlefox]

This guy does what you're trying to do I think: http://www.alistapart.com/articles/sprites2

 

[blade007]

we did something like this on http://www.angelguidancereiki.com/ on the nav.

It's a jquery fade on the hover state. Have a look at the code in there

 

[gord]

Thanks guys, Slylittlefox's is closest to what I am talking about, but not quite. Blade, yours is quite limited to colour.

What I really wanted was a jquery script so I can select an element and it finds out if it has a :hover attribute in the CSS, if it does then it fades between the elements appearance instead of the jump you get from normal CSS operation.

Not to worry though, I worked around the issue.