dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Jquery - Using more than one effect together

  1. #1
    Join Date
    May 2007
    Posts
    104

    Jquery - Using more than one effect together

    Hello,

    I currently have this bit of code:

    HTML Code:
    function animateUp(){
    $('#floatbox').animate({top:"-=50px"},500, "swing").fadeOut();
    }
    function mainBox(){
    		setTimeout("animateUp();", 3000);
    		
    }
    My problem is, it animates first to its final position, then fades. I really want it to move AND fade at the same time. I'm fairly new to js in general, it probably is quite straight forward but having looked at examples of animation on the web i can't seem to see a answer.

    Cheers

  2. #2
    Join Date
    May 2007
    Posts
    104
    Fixed, i used animates opacity:0/1 option instead.

    $('#floatbox').animate({opacity: 0, top:"-=30px"},500, "swing");

    Cheers

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles