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

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

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: увидел на JS пример, решил переделать его в jquery, но не работает
Поиск в теме | Версия для печати
p1us
Отправлено: 27 Апреля, 2012 - 07:45:41
Post Id



Гость


Покинул форум
Сообщений всего: 120
Дата рег-ции: Авг. 2011  


Помог: 0 раз(а)
CODE (html):
скопировать код в буфер обмена
  1.         <div id="poloska3"  style="width: 500px; height: 40px;"><div id="colored_poloska3" style="background-color: red; width: 10px; height: 40px;"></div></div>



CODE (javascript):
скопировать код в буфер обмена
  1.         $('#poloska3').click(function (){        
  2.   var to = 500;
  3.  
  4.  animate({
  5.     duration: 1000,
  6.     step: function(progress) { $('#colored_poloska3').css({'width': to*progress + "px"});
  7.     }
  8.   });
  9.  });
  10.  

мне несколько не знакома конструкция с animate в таком виде, знающие подскажите пожалуйста.
 
 Top
Viper
Отправлено: 27 Апреля, 2012 - 08:55:54
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
p1us пишет:
animate в таком виде
в api описано. http://api[dot]jquery[dot]com/animate/ второй метод вызова.


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
p1us
Отправлено: 27 Апреля, 2012 - 09:00:59
Post Id



Гость


Покинул форум
Сообщений всего: 120
Дата рег-ции: Авг. 2011  


Помог: 0 раз(а)
как раз тут и сижу, втыкаю)
 
 Top
Viper
Отправлено: 27 Апреля, 2012 - 11:13:57
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
p1us что конкретно непонятно или не получается?


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
p1us
Отправлено: 27 Апреля, 2012 - 12:39:20
Post Id



Гость


Покинул форум
Сообщений всего: 120
Дата рег-ции: Авг. 2011  


Помог: 0 раз(а)
вот теперь с delta не ясно, куда подевались наши now, fx?
и почему мы пишем duration: duration || 1000 и delta: delta...
CODE (javascript):
скопировать код в буфер обмена
  1. function move(elem, delta, duration) {
  2.   var to = 500;
  3.    
  4.   animate({
  5.     delay: 10,
  6.     duration: duration || 1000,
  7.     delta: delta,
  8.     step: function(delta) {
  9.       elem.style.left = to*delta + "px"  
  10.     }
  11.   });
  12.    
  13. }


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

(Отредактировано автором: 27 Апреля, 2012 - 12:40:15)

 
 Top
Viper
Отправлено: 27 Апреля, 2012 - 13:10:39
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
p1us

запись вида
CODE (htmlphp):
скопировать код в буфер обмена
  1. delta: delta,
означает что в метод будет передан параметр delta с значением delta(delta где-то выше определено через var delta = somevalue;).

Запись
CODE (htmlphp):
скопировать код в буфер обмена
  1. duration: duration || 1000
это сокращенный if. Т.е.
так же как и в php так и в javascript можно вместо
CODE (htmlphp):
скопировать код в буфер обмена
  1. if (cond || cond == 1 || cond != false) {
  2.         $var = 123;
  3. } else {
  4.         $var = 456;
  5. }

написать
CODE (htmlphp):
скопировать код в буфер обмена
  1. $var = (cond || cond == 1 || cond != false) ? 123 : 456;

p1us пишет:
а вообще хочу научиться делать сложные анимации
все в ваших руках Улыбка Ничего сложного тут нет. К тому же есть куча готовых эффектов в jQuery UI.


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
p1us
Отправлено: 28 Апреля, 2012 - 06:41:29
Post Id



Гость


Покинул форум
Сообщений всего: 120
Дата рег-ции: Авг. 2011  


Помог: 0 раз(а)
спасибо) будут вопросы обязательно еще задам)
(Добавление)
CODE (javascript):
скопировать код в буфер обмена
  1.     $("#poloska5").click(function(){
  2. elem1 = $('#colored_poloska5');
  3. elem1.animate({
  4. var from: 10;
  5. var to: 500,
  6. delay: 20,
  7. duration: 3000,
  8. delta: bounce,
  9. step: function(delta){
  10. var result = (to-from)*delta + from;
  11. elem1.css({'width', Math.ceil(result)+'px'});
  12.  
  13.  
  14. }
  15. });
  16.  
  17. });


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

и так попробовал, но все это извращения какие-то
CODE (javascript):
скопировать код в буфер обмена
  1.   $("#poloska5").click(function(){
  2. elem1 = $('#colored_poloska5');
  3. elem1.animate({
  4. var from: 10,
  5. var to: 500,
  6. delay: 20,
  7. duration: 3000,
  8. delta: bounce,
  9. step: function(delta){
  10. var result = (to-from)*delta + from};},{
  11. elem1.css({'width', Math.ceil(result)+'px'});
  12.  
  13.  
  14. }
  15. });
  16.  
  17. });

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

(Отредактировано автором: 28 Апреля, 2012 - 08:28:39)

 
 Top
Viper
Отправлено: 28 Апреля, 2012 - 09:03:19
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)
p1us консоль показывает ошибки?


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
p1us
Отправлено: 28 Апреля, 2012 - 09:21:23
Post Id



Гость


Покинул форум
Сообщений всего: 120
Дата рег-ции: Авг. 2011  


Помог: 0 раз(а)
пробую

(Отредактировано автором: 28 Апреля, 2012 - 11:22:44)

 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB