English 中文(简体)
jquery animate
原标题:jquery animate two class at once

页: 1 我想先是2个物体,然后再等4秒钟,然后再犯。 我的法典就是这样:

//Animation In
$( .show ).animate({marginTop :  1px  , opacity:  1px },1000).delay(4000);
$( .caption ).animate({opacity :  1px , top :  20px },1000).delay(4000);       

//After 4 Second Animation Out       
$( .show ).animate({ marginTop :  -200px , opacity: 0px },1000);
$( .caption ).animate({opacity :  0px  , top :  70px },500,function()
   {         
                fadeInwhipe();// calls This Function
   });

这完全适用于<代码>.show类别,但有时是.caption。 在<代码>之前的速率。 I vetries to set .caption into a callsback function of .show to prevent .caption 从早点开始,如:

//Animation In
$( .show ).animate({marginTop :  1px  , opacity:  1px },1000).delay(4000);
$( .caption ).animate({opacity :  1px , top :  20px },1000).delay(4000);       

//After 4 Second Animation Out       
$( .show ).animate({ marginTop :  -200px , opacity: 0px },1000 ,function(){
    $( .caption ).animate({opacity :  0px  , top :  70px },500,function()
      {         
                fadeInwhipe();// calls This Function
      });
);

但在这种情况下,在<代码>后,它就算了。 它执行,但我希望一劳永逸地将这两级人同起来。 是否有解决办法? 感谢......

问题回答

Use Queue:false

$(function () {
    $("#first").animate({
       width:  200px 
    }, { duration: 200, queue: false });
    $("#first").animate({
       marginTop:  50px 
    }, { duration: 200, queue: false });
});




相关问题
images sliding continuously with <table> and jQuery

I m trying to write a little test page that circulates images through a window (see image). I have colored boxes inside a table (gray border), with each box being a element. <table id="boxes" ...

WPF 3d rotation animations

I have a few 3d rectangles on my screen that I want to pivot around the Y axis. I want to press down with the mouse, and rotate the 3d object to a max rotation, but when the user moves their mouse, ...

Disable Windows 7 touch animation in WPF

In Windows 7 when you touch the screen there is a short animation that occurs at the touch point. In my WPF app I want to display my own touch points, without showing the one supplied by Windows. ...

jQuery block moving

I wanna move a div block to the top, so I coded like this: CSS part: .movingPart{ margin-top:80px; } jQuery part: $(document).ready(function() { $( #btn ).click(function() { $( .movingPart )....

Direct 2D gnuplot PNG animation?

Can anyone please confirm that yes/no Gnuplot 4.5 (on CVS) can output 2D animated PNG files? I have numerous datasets but one line that I d like to show iteratively in 3 different places in my graph. ...

Visual State Manager VS Animations in WPF

There is a lot of talk about the simplicity of Visual States and the transitions between them in WPF/Silverlight. I have the need to generate animations dynamically at runtime, to animate the ...

Create a ImageIcon that is the mirror of another one

I ll like to know if there is a way to create a ImageIcon that is the mirror of another ImageIcon. Searching on Google, I found how to do it by using many AWT libraries. Is there a way to do it with ...

how to drag in the animation in iphone application?

Iphone application is using the static co-ordinates to reach at some points in the application,which is based on the button event. But what i want is when i drag the item than it should reach at some ...

热门标签