使用Mootools突出显示区域
使用JavaScript框架mootools时，创建简单的突出显示效果非常容易。
首先要做的是从网站上获取mootools库，并将其链接到您的网页中。您可以使用mootools选择不同的组件，但是如果您掌握了整个内容，就可以开始随心所欲地玩。将这行代码放在网页的顶部。
对于此示例，我希望页面加载完成后突出显示。因此，我使用该window.addEvent函数将“domready”事件的操作添加到页面的窗口对象。
window.addEvent('domready', function(){
alert('dom ready');
}下一步是创建突出显示。这是通过创建一个Fx.Styles对象然后链接颜色变化来完成的。首先我们将其更改为黑色，然后使用chain命令并将另一种颜色更改添加回白色。您可以将其更改为您喜欢的任何颜色。持续时间也在链的第一部分中设置，因此它会立即变为黑色，然后逐渐变为白色。将以下代码放在mootoolsinclude下方的头部。
最后一步是创建脚本将使用的元素。您可以使用屏幕上可见的任何元素（甚至是身体），但在此示例中，我们将使用一个段落。
wibble wibble
该效果可以在您希望引起用户注意的任何网页上使用。这可能是页面的更新部分，也可能是表单上的文本区域。
我使用该Fx.Styles对象的原因是为了易于扩展突出显示的功能。如果您还想更改文本的颜色以及背景，则只需添加相关样式即可。