You need jqueryUi for this.

http://docs.jquery.com/UI/Effects/ColorAnimations

Try importing this:

<script src="http://ui.jquery.com/latest/ui/effects.core.js";></script>

and see if your background will animate... ;)

On May 28, 7:20 am, waseem sabjee <waseemsab...@gmail.com> wrote:
> The one problem I am havingis that  this will refuse t work
>
> $("#myid").animate({
> backgroundColor:"#CCC"
>
> }, 600);
>
> on the online jquery.com example it works. strangely it refuses for me....
>
> On Thu, May 28, 2009 at 4:50 AM, GaVrA <ga...@crtaci.info> wrote:
>
> >        $(function() {
> >                $('a).click(function() {
> >                         $('#aba').animate({width: '300px'}, 2000);
> >                        $('#content').animate({width: '454px'}, 2000);
> >                 });
> >        });
>
> > That would make #aba and #content animate when you click any anchor on
> > page.
>
> > On May 28, 3:42 am, "Filipe" <fil...@ideologic.com.br> wrote:
> > > Hello mates!
>
> > > I'm having a few problems using the animate() functions.
> > > The following piece of code works perfectly fine:
> > > $(document).ready(function(){
> > > $('#aba').animate({width: '300px'}, 2000);
> > > $('#content').animate({width: '454px'}, 2000);
>
> > > $('#aba').animate({width: '30px'}, 2000);
> > > $('#content').animate({width: '754px'}, 2000);
>
> > > });
>
> > > (I know it's lame, I was just testing, haha)
>
> > > But when I create a function such as this one:
> > > function open() {
> > > $('#aba').animate({width: '300px'}, 2000);
> > > $('#content').animate({width: '454px'}, 2000);}
>
> > > and call it from a link the page reloads and nothing happens. I've tried
> > using return false or working with onmouseover on span tag, but everytime
> > the function is called I get this weird beaviour.
> > > Does anybody know how to fix this? Thanks in advance!
>
> > > Cheers.

Reply via email to