jQuery Fadind Effects

[Tanoru]

Hi Im having some trouble with this. Im trying to create a fading rollover effect with the help of jQuery

This is the code I have :

<script type="text/javascript">

$(document).ready(function() {

$('.fade').dwFadingLinks({

color: '#515151',

duration: 700

});

});

</script>

and...

jQuery.fn.dwFadingLinks = function(settings) {

settings = jQuery.extend({

}, settings);

return this.each(function() {

var original = $(this).css('color');

$(this).mouseover(function() { $(this).animate({ color: settings.color },settings.duration); });

$(this).mouseout(function() { $(this).animate({ color: original },settings.duration); });

});

};

Right now it changes the font colour as it should, I want to change it so that it changes the background colour as well as the font colour, I cannot get it to work. Any ideas?

Thanks

[MiG-]

By default jQuery doesn't support colour animation. Use the jQuery color plugin:

http://plugins.jquery.com/project/color

Cheers,

MiG

[Tanoru]

Thank you