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 :: Анимация

 PHP.SU

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


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

> Описание: Как сделать анимацию
Поиск в теме | Версия для печати
Расмус
Отправлено: 09 Февраля, 2016 - 21:32:58
Post Id



Новичок


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


Помог: 0 раз(а)
Доброе время суток. Подскажите как сделать анимацию, например div элемента, из прозрачного в непрозрачное. Чтобы полностью прозрачный элемент постепенно переходил в непрозрачный
(Добавление)
Вот получился неплохой вариант
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function move(){
  3.  
  4.    var property=0;  
  5.    function frame(){
  6.       property=property+1;
  7.           $("#overlay").css("opacity", "0."+property);
  8.       if(property==8){
  9.          clearInterval(timer);
  10.       }
  11.    }
  12.    var timer=setInterval(frame,60);
  13.  
 
 Top
DelphinPRO
Отправлено: 09 Февраля, 2016 - 23:35:33
Post Id



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


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


Помог: 353 раз(а)
CODE (css):
скопировать код в буфер обмена
  1. .block {
  2.   opacity: 1;
  3.   transition: opacity 1s linear;
  4. }
  5. .block.transparent {
  6.   opacity: 0;
  7. }


в javascript остается лишь добавлять/убирать класс .trasparent у блока .block

CODE (javascript):
скопировать код в буфер обмена
  1. el = $('.block');
  2. el.addClass('transparent');
  3. el.removeClass('transparent');


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Расмус
Отправлено: 10 Февраля, 2016 - 09:58:56
Post Id



Новичок


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


Помог: 0 раз(а)
Я так понимаю это фишки css3.
 
 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