Показать сообщение отдельно
  #2 (permalink)  
Старый 04.01.2017, 17:13
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Я думаю как-то так надо:
//выбирать надо класс, общий для всех кнопок 
var btn = document.querySelector(".component-8");
[].forEach.call(btn, function(item){
var turb = item.querySelector('#filter-ripple-1 feImage');
var dm = item.querySelector('#filter-ripple-1 feDisplacementMap');
item.addEventListener('click', function(e) {
    TweenLite.set(turb, { attr: { x: isFF ? e.offsetX : e.offsetX + 10, y: isFF ? e.offsetY : e.offsetY + 10, width: 0, height: 0 } });
    TweenLite.to(turb, 3, { attr: { x: '-=300', y: '-=300', width: 600, height: 600 } });
    TweenLite.fromTo(dm, 2, { attr: { scale: 30 } }, { attr: { scale: 0 } });
  });
})

Последний раз редактировалось Царь Леонид, 04.01.2017 в 17:22.
Ответить с цитированием