使用mootools1.2突出显示代码

Question

我使用mootools1.2作为我的js框架。

当页面加载时，我有一个关于突出显示一些html元素的问题。

当页面加载时，如果页面上有错误消息，我需要突出显示。

例如。

当页面加载时，error div将#FFFFFF作为bg颜色。对于高亮显示，它将使用#FC0000作为bg颜色，然后它将返回到#FFFFFF bg颜色。

任何人都可以建议我如何做到这一点。

提前谢谢。

阿维纳什

Answer 1

MooTools方式：

window.addEvents({
 domready: function(){
  var errorMsg = $$('.errorMessageEl');
  errorMsg.highlight('#FC0000');
 }
});

下面是一个例子：http://mootools.net/shell/s7mRh/

重复高亮显示

多次重复高亮显示有点复杂-你可能想要创建一个像这样的混合：

Array.implement({
    blink: function(color, repeats){
        this.set('tween', {
            link: 'chain'
        });

        var i = 0;
        while (i <= repeats-1){
            this.highlight(color);
            i++;
        }

        return this;
    }
});

var errorMsg = $$('.errorMessageEl');

errorMsg.blink('#f00', 3);

示例：http://mootools.net/shell/8M9xx/1/

Answer 2

我不记得确切的mootools语法，但想法是这样的：

window.addEvent("onload",function() 
{
$('divName').style.backgroundColor='#FC0000';
setTimeout($('divName').style.backgroundColor='#FFFFFF',5000) // will wait 5 seconds before returning to orig. color
}
);

如果你想让它闪烁，你可以像这样写一个函数：

function blinkit(){
var intrvl=0;
for(nTimes=0;nTimes<3;nTimes++){
intrvl += 1000;
setTimeout("$('divName').bgColor='#0000FF';",intrvl);
intrvl += 1000;
setTimeout("$('divName').bgColor='#FFFFFF';",intrvl);
}
}

来源：

http://w3schools.invisionzone.com/index.php?showtopic=21893