Анимация справа внизу слева и не исчезает

Я хочу анимировать DIV с нижнего правого налево вверх, когда высота и ширина 0px, а затем исчезнуть, и я не вижу этого окна, когда хочу видеть окно в различной оси (-x, y).Анимация справа внизу слева и не исчезает

http://jsfiddle.net/ra04roza/

$("button").click(function(){ 
    $("div").animate({ 
     height:'-=150px', 
     width:'-=150px' 
    }); 
    });

источник

2014-10-15 Kappys

Я хочу изменить размер эффекта – Kappys

При изменении размера с высотой <= 0 и шириной <= 0, конечно, его собирается исчезнет – Alexandros

Чувака вы получили 3 ответов делают 3 совершенно другие вещи. Если бы я был вами, я бы переформатировал свой вопрос – Alexandros

Попробуйте это: (Хотя я добавил новые элементы)

HTML

<button>Start Animation</button> 
<div class = "div1" style="background:#98bf21;top:250px;left:250px;height:100px;width:100px;position:absolute;"> 
</div> 

<div class = "div2" style="background:#98bf21;top:250px;left:250px;height:0px;width:0px;position:absolute;"> 
</div>

JQuery

$("button").click(function(){ 
    $(".div1").animate({ 
     height:'-=150px', 
     width:'-=150px' 
    }, 1000); 

    $(".div2").animate({ 
     height:'+=100px', 
     width:'+=100px', 
     top: '-=100px', 
     left: '-=100px' 
    }, 1000); 
    });

скрипку here

источник

2014-10-15 07:47:37

Так что, если вы снова нажмете анимацию? Я не думаю, что это нормально – Alexandros

спасибо, я хочу эту демонстрацию !, второй шаг при изменении размера зеленой коробки. – Kappys

Попробуйте это: -

DEMO

Html: -

<button>Start Animation</button> 
<div style="background:#98bf21;top:100%;right:0px;height:100px;width:100px;position:absolute;"> 
</div>

$("button").click(function(){ 
    $("div").animate({ 
     right:'100%', 
     top:0, 
     opacity:'0.5', 

    }); 
    });

источник

2014-10-15 07:44:32

с этой демонстрацией вы перемещаете ящик, и я хочу изменить размер ... начиная с правого нижнего края вверху слева. – Kappys

Если я понимаю, чего вы хотите достичь, вам необходимо применить функцию обратного вызова (что было бы при завершении, ака complete function.

$("button").click(function(){ 
    $("div").animate({ 
    height:'-=150px', 
    width:'-=150px' 
    }, function(){ 
     $(this).css({top: '1000px', 
        left: '800px' }); 
    }); 
});

вы можете увидеть в вашем fiddle

источник

2014-10-15 07:50:05 Cuzi

Анимация справа внизу слева и не исчезает

ответ

Смежные вопросы