mootools - 减慢 Mootools 的元素亮点？

Question

所以，高亮元素方法很棒！

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

除了它太快了 - 有没有我可以修改的选项，类似于 Tween 的duration: 'long'？

谢谢 ：）

Answer 1

您可以修改相关元素的默认补间持续时间。例如，如果您希望 id 为“flashyflashy”的元素的补间持续时间为 2000 毫秒而不是默认的 500 毫秒，请调用以下命令：

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

这应该让您不仅可以通过开始/结束颜色，还可以通过高亮应该使用的持续时间。以上代码未经测试，但应该可以正常工作。