1

だから、ハイライト要素の方法は素晴らしいです！

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

アウトが速すぎることを除いて、Tweenのように、変更できるオプションはありますduration: 'long'か？

ありがとう ：）

4

1 に答える 1

3

問題の要素のデフォルトのトゥイーン期間を変更できます。たとえば、IDが「flashyflashy」の要素のトゥイーンの持続時間をデフォルトの500msではなく2000msにしたい場合は、次のように呼び出します。

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

これにより、要素のデフォルトのトゥイーンインスタンスが遅くなり、したがって、highlightメソッドが遅くなります。

カスタムハイライト機能を実装することもできます。

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;
    }
});

これにより、開始/終了の色だけでなく、ハイライトが使用する期間も通過できるようになります。上記のコードはテストされていませんが、正常に動作するはずです。

于 2010-08-23T15:00:03.347 に答える