Анимированный эффект jQuery - PullRequest
Новая
       38

Анимированный эффект jQuery

0 голосов
/ 13 июля 2011

Я хочу создать эффект для div, такой как эффект от этого сайта (из окна комментариев в режиме реального времени, справа).

Я использую анимационный эффект. Что-то вроде: 

jQuery(".aux_content").animate({"width":400+"px"},1000);
jQuery(".aux_content").animate({"height":500+"px"},{duration:1000, queue: true});
jQuery("#scrollingDiv").animate({"height":500+"px"},{duration:1000, queue: true});

Это не показывает, как это должно быть. У кого-нибудь есть идея получше?

1 Ответ

1 голос
/ 13 июля 2011 
jQuery(".aux_content").animate({width:"400px",height:"500px"},1000);

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

Кроме того, вам нужно держать имена вне кавычек. 

$(".aux_content").animate({width:"400px"},1000, function() {
    $(".aux_content").animate({height:"500px"},1000, function() {
         $("#scrollingDiv").animate({height:"500px"},1000);
    });
});

РЕДАКТИРОВАТЬ: Кроме того, забыл упомянуть, вы можете анимировать более чем одно свойство в строке анимации.Показал, как это сделать выше.

...