Mootools의 요소 강조 표시를 늦 춥니 다?

Question

그래서 하이라이트 요소 방법은 훌륭합니다! 그것을 제외하고

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

너무 빨리 많은에 있어요 - 트윈의 duration: 'long' 유사 내가 수정할 수있는 옵션이있다?

감사합니다 :)

Answer 1

당신은 문제가되는 요소의 기본 트윈 기간을 수정할 수 있습니다. 당신이 ID 'flashyflashy'를 가진 요소에 트윈을 원하는 경우 예를 들어, 기본 설정은 500ms의 2000ms의 기간을 가지고, 다음 호출

요소의 기본 트윈 인스턴스를 느리게한다

$("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; 
    } 
}); 

. 위의 코드는 테스트되지 않았지만 정상적으로 작동합니다.