Форумы портала PHP.SU :: Версия для печати :: помогите разбораться с функцией step(progress)

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: помогите разбораться с функцией step(progress)

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » помогите разбораться с функцией step(progress)

Страниц (1): [1]

1. p1us - 27 Апреля, 2012 - 07:45:41 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

        <div id="poloska3"  style="width: 500px; height: 40px;"><div id="colored_poloska3" style="background-color: red; width: 10px; height: 40px;"></div></div>

CODE (javascript):
скопировать код в буфер обмена

        $('#poloska3').click(function (){        
  var to = 500;
 
 animate({
    duration: 1000,
    step: function(progress) { $('#colored_poloska3').css({'width': to*progress + "px"});
    }
  });
 });
 

мне несколько не знакома конструкция с animate в таком виде, знающие подскажите пожалуйста.

2. Viper - 27 Апреля, 2012 - 08:55:54 - перейти к сообщению

p1us пишет:

animate в таком виде

в api описано. http://api[dot]jquery[dot]com/animate/ второй метод вызова.

3. p1us - 27 Апреля, 2012 - 09:00:59 - перейти к сообщению

как раз тут и сижу, втыкаю)

4. Viper - 27 Апреля, 2012 - 11:13:57 - перейти к сообщению

p1us что конкретно непонятно или не получается?

5. p1us - 27 Апреля, 2012 - 12:39:20 - перейти к сообщению

вот теперь с delta не ясно, куда подевались наши now, fx?
и почему мы пишем duration: duration || 1000 и delta: delta...

CODE (javascript):
скопировать код в буфер обмена

function move(elem, delta, duration) {
  var to = 500;
   
  animate({
    delay: 10,
    duration: duration || 1000,
    delta: delta,
    step: function(delta) {
      elem.style.left = to*delta + "px"   
    }
  });
   
}

а вообще хочу научиться делать сложные анимации. Закатив глазки

6. Viper - 27 Апреля, 2012 - 13:10:39 - перейти к сообщению

p1us

запись вида

CODE (htmlphp):
скопировать код в буфер обмена

delta: delta,

означает что в метод будет передан параметр delta с значением delta(delta где-то выше определено через var delta = somevalue;).

Запись

CODE (htmlphp):
скопировать код в буфер обмена

duration: duration || 1000

это сокращенный if. Т.е.
так же как и в php так и в javascript можно вместо

CODE (htmlphp):
скопировать код в буфер обмена

if (cond || cond == 1 || cond != false) {
        $var = 123;
} else {
        $var = 456;
}

написать

CODE (htmlphp):
скопировать код в буфер обмена

$var = (cond || cond == 1 || cond != false) ? 123 : 456;

p1us пишет:

а вообще хочу научиться делать сложные анимации

все в ваших руках Улыбка

Ничего сложного тут нет. К тому же есть куча готовых эффектов в jQuery UI.

7. p1us - 28 Апреля, 2012 - 06:41:29 - перейти к сообщению

спасибо) будут вопросы обязательно еще задам)
(Добавление)

CODE (javascript):
скопировать код в буфер обмена

    $("#poloska5").click(function(){
elem1 = $('#colored_poloska5');
elem1.animate({
var from: 10;
var to: 500,
delay: 20,
duration: 3000,
delta: bounce,
step: function(delta){
var result = (to-from)*delta + from;
elem1.css({'width', Math.ceil(result)+'px'});
 
 
}
});
 
});

не работает =( что не так?

и так попробовал, но все это извращения какие-то

CODE (javascript):
скопировать код в буфер обмена

  $("#poloska5").click(function(){
elem1 = $('#colored_poloska5');
elem1.animate({
var from: 10,
var to: 500,
delay: 20,
duration: 3000,
delta: bounce,
step: function(delta){
var result = (to-from)*delta + from};},{
elem1.css({'width', Math.ceil(result)+'px'});
 
 
}
});
 
});

видимо просто не улавливаю суть, хм

8. Viper - 28 Апреля, 2012 - 09:03:19 - перейти к сообщению

p1us консоль показывает ошибки?

9. p1us - 28 Апреля, 2012 - 09:21:23 - перейти к сообщению

пробую