Hi there Chris,

Only a subset of CSS properties are able to be animated with the jQuery core alone. For extended animation support, check out the Interface plugin. Here is a link to documentation on animate:
http://interface.eyecon.ro/docs/animate

And here is a snippet of code that gives you an idea of what you can do with it:
$('#test').animate(
        {
                left: 100,
                style: 'padding: 20px 30px; margin: 10px;',
                className: 'greenBorders',
                opacity: 0.4,
                backgroundColor: 'olive'
        },
        'slow'
);


--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Feb 9, 2007, at 5:37 AM, Mahadewa wrote:


Hi guys,

I was wondering if anybody could help with this. I am trying to do animate on the backgound-color of a div, but I got an error message saying that
'background-color' is not supported.

Here is my code:

            $("#testanimate").mouseover(function(){
$(this).animate({'background- color':'#ffffff'},"slow");
            });

Is this the correct way of doing it ? Have I missed something ?

Thanks for the help,
Chris
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

Reply via email to