Замедление элемента элемента Mootools?

Question

Итак, метод элемента выделения отлично!

$('flashyflashy').highlight('#fcc'); 

За исключением он находится в гораздо слишком быстро - есть какие-либо варианты я могу изменить, похожие на твин-х duration: 'long'?

Спасибо :)

Answer 1

Вы можете изменить продолжительность анимации движения по умолчанию на рассматриваемых элементов. Например, если вы хотите анимацию на элемент с идентификатором «flashyflashy» иметь длительность 2000 мс вместо 500 мс по умолчанию, вызовите следующее:

$("flashylflashy").get("tween").options.duration = 2000; 

Это должно замедлить экземпляр анимации элементов по умолчанию, и таким образом замедлить метод выделения.

Вы также могли бы реализовать пользовательские функции выделения:

Element.implement({ 
    highlight: function(start, end, duration){ 
     if (!end){ 
      end = this.retrieve('highlight:original', this.getStyle('background-color')); 
      end = (end == 'transparent') ? '#fff' : end; 
     } 
     var tween = this.get('tween'); 
     tween.options.duration = duration; 
     tween.start('background-color', start || '#ffff88', end).chain(function(){ 
      this.setStyle('background-color', this.retrieve('highlight:original')); 
      tween.callChain(); 
     }.bind(this)); 
     return this; 
    } 
}); 

Это должно позволить вам пройти не только старт/конечные цветы, но и длительность, что гвоздь следует использовать. Выше код не проверен, но он должен работать нормально.