寻找mootools的highlightFade插件

时间:2011-07-29 14:34:17

标签: mootools

与highlightFade jQuery插件类似,我希望为mootools找到类似的东西 - 任何人都知道这是否存在?

谢谢

修改

我能够暂时建立自己的

function highlightFadeOnSuccess(lnk) {
    var el = lnk.getParent().getParent().getChildren('td')[1];

    var morph = new Fx.Morph(el,{ 'duration':'300', link:'cancel',onComplete: function(){fadeOut(el);} });

    morph.start({ 'color':'rgb(255,255,0)' });
}

function fadeOut(el) {
    var morph = new Fx.Morph(el,{ 'duration':'300', link:'cancel'});
    morph.start({ 'color':'rgb(0,0,102)' });
}

1 个答案:

答案 0 :(得分:0)

为什么你没有使用http://mootools.net/docs/core/Fx/Fx.Tween#Element:highlight

如果你想突出显示然后淡出,你可以这样做:

var elem = $('element');

elem.addEvent('click',function(){
    this.highlight('#FF0000').get('tween').chain(function(){
        this.fade(0);    
    }.bind(this));
});

演示:http://jsfiddle.net/steweb/3KYqH/