Question

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

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

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

例如。

当页面加载时，错误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/

重复突出显示

多次重复突出显示有点复杂 - 您可能想要创建这样的mixin：

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

使用mootools1.2突出显示代码

2 个答案:

重复突出显示