Задать вопрос
@Yuodvirshis

Как можно прописать в скрипт область координат при котором-бы он срабатывал?

(function() {
function init() {
var speed = 250,
easing = mina.easeinout;
[].slice.call ( document.querySelectorAll( '#grid-topic > a' ) ).forEach( function( el ) {
var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
pathConfig = {
from : path.attr( 'd' ),
to : el.getAttribute( 'data-path-hover' )
};
el.addEventListener( 'mouseenter', function() {
path.animate( { 'path' : pathConfig.to }, speed, easing );
} );
el.addEventListener( 'mouseleave', function() {
path.animate( { 'path' : pathConfig.from }, speed, easing );
} );
} );
}
init();
})();
  • Вопрос задан
  • 2264 просмотра
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
shqn
@shqn
Повесить mousemove на body например и смотреть, если координаты курсоры попадают в нужную область, дергать какой-то метод.
Ответ написан
Комментировать
mlnkv
@mlnkv
JavaScript Developer
так наверное понятнее будет:

(function() {
  function init() {
    var speed = 250,
      easing = mina.easeinout;
    [].slice.call(document.querySelectorAll("#grid-topic > a")).forEach(function(el) {
      var s = Snap(el.querySelector("svg")), 
      path = s.select("path"),
      pathConfig = {
        from: path.attr("d"),
        to: el.getAttribute("data-path-hover")
      };
      el.addEventListener("mouseenter", function() {
        path.animate({"path": pathConfig.to}, speed, easing);
      });
      el.addEventListener("mouseleave", function() {
        path.animate({"path": pathConfig.from}, speed, easing);
      });
    });
  }
  init();
})();
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы