如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。

在今天的教程中，我们将关注两块内容：第一个就是.periodical();方法，然后我们再对hash做一个简介。定时器能比它表面看起来做更多的事情——定时能定期地触发一个函数。另一方面，hash则是键值对（key/value）的集合。如果你对hash还不熟悉现在也不要着急——我们今天就会做一个快速简要的介绍，并且会提供一些延伸阅读的相关链接。就像MooTools中的所有东西一样，一旦你看到它的正确用法，它使用起来就非常的简单，并且不可思议的有用。

.periodical()函数

基本用法

使用这个方法你唯一要做的就是在一个函数的结尾添加.periodical();，那样你的函数就会定时地触发。和以前的一样，有几个东西你是需要定义的。对于初学者，你需要定义一个你需要使用定时器的函数，还有你需要它多久触发一次（以毫秒为单位）...

如果你还没有准备好开始这一讲，我建议你先看这一系列的教程的前面一部分，这里是《MooTools 1.2系列教程目录》。

今天我们将先简要地看一下正则表达式，然后再看一下MooTools提供的一些让正则表达式更容易使用的功能。如果你还不熟悉怎么使用正则表达式（regular expression（regex）），我强烈建议你花一定量的时间好好看一下这篇文章中的一些链接，尤其是文章结尾“更多学习”部分的链接。我们今天只是讲一讲正则表达式最基本的用法，正则表达式能做的远远超过我们今天所讲的内容。

基本用法

test()方法

它的简单在于，一个正则表达式可以是一个你想要匹配的简单字符串。尽管JavaScript本身已经为RegExp对象提供了它自己的test()方法，MooTools的test()方法更好用一些，在JavaScript中使用正则表达式也更轻松一些。

对于初学者，我们先看一下test()方法最简单的用法，在一个大的字符串中查找特定的字符串...

如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。

今天我们开始第十二讲，今天我们将仔细看一下Drag.Move——一个很强大的MooTools类，它可以让你给你的web应用添加拖放功能。它的使用和我们见过的其他的插件类似：首先你使用“new”关键字来创建一个Drag.Move对象并赋值给一个变量，然后你再定义你的选项和事件。这就是全部要做的事情，不过你一定要注意一下下面的例子中描述的IE的CSS怪异现象。

基本用法

Drag.Move

创建你自己的拖动对象非常的容易。稍微看一下下面的例子就行了。注意一下我们是怎么把我们的Drag.Move对象的选项和事件从我们的Drag选项和事件中分离出来的。Drag.Move类扩展了Drag类，因此它可以接受Drag类的选项和事件。今天我们并不打算特别地讲一讲Drag类，不过我们还是要研究一下一些有用的选项和事件。看一下下面的代码，然后学习一下其中的细节。

如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。

今天，我们继续探索一下这个库的Fx部分，我们将学习如何使用Fx.Morph（它从本质上可以让你同时渐变多个样式表属性），然后我们再检查一下应用到Fx.Tween和Fx.Morph的一些Fx选项，最后我们将看看如何使用Fx事件，譬如“onComplete”和“onStart”。通过这些选项和事件，我们可以获得更好的控制权来控制形变动画。

Fx.Morph

创建一个新的Fx.Morph

初始化一个新的形变和创建一个新的渐变很类似，除了你要指定多个样式属性以外。

如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。

今天我们开始第三讲，我们今天主要看一下Fx.Tween。和我们看到的其他的MooTools函数一样，这些方法使用起来都非常简单，但是功能都很强大。Tween可以让你添加那些极“炫”的效果——可以很平滑地发生形变动画，从而改善你的用户体验。

Tween的快捷方法

我们通常都从“基本知识”入手，不过MooTools 1.2只为渐变（tween）提供了这样极其出色的快捷方法，它们使用起来都极其简单以至于我忍不住要从这里开始。

.tween();

一个渐变（tween）是一个在两个样式属性值之间的平滑的变化。举个例子，通过渐变（tween）你可以把div的宽度（width）平滑地由100像素变化为300像素。

字符串函数

如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。

今天我们来看一看MooTools给我们提供的额外的一些处理字符函数。这只是MooTools字符串处理中的一部分，并不包含一些神秘的函数（比如toCamelCase()）和使用正则表达式处理字符串的函数。我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用。

在开始之前，我想先花一点时间来看一下字符串函数是怎么调用的。在我的例子中，我是在字符串变量上面直接调用这个方法的，就像下面的这样：

但是我这样写只是为了能够更清楚地解释它，你应该了解到这些字符串函数也可以直接在字符串上调用，而不需要声明一个变量，就像这样...

最近在Google Reader里面看到的，一日本人在blog上提出来的，他还有一个示例页面，这里是Demo下载地址。不过在看到这篇文章之前，我就已经在我们的项目（PPLive iKan 1.0）中用过了，其中的观看历史记录就是使用的Flash来进行存取的。

其实Flash在JavaScript应用程序中当“幕后英雄”的例子早就有过了，最先是为了解决用JavaScript复制文本的问题，用Flash这可以轻而易举地解决跨浏览器问题。我之所以想到用Flash来存储观看记录是因为我觉得用Flash来保存更有优势：

• 存储方式可靠

JavaScript中存储本地数据的常见方式是使用Cookie，还一种方式是使用UserData。写Cookie的方式也很可靠，读写都非常的容易，但是UserData有时候却不是那么可靠，不知道为什么有时候清理Cookie都会带来莫名奇妙的问题，造成UserData无法写入或者无法读取的情况，很诡异。

• 存储空间够大

JavaScript的Cookie容量是以网站根域为限制的，IE8允许的每个域的数量是50个（IE7貌似也允许50个，IE6是20个），Firefox也是50个，每个Cookie的大小最大为4K。而使用Flash存储数据则不一样，数据可以根据路径来分开存储，而且每个存储的默认值都是10K，不够还可以向用户申请，没有上限...

昨天开QQ邮箱的时候，发现联系人旁边多了个小图：

点开一看，还真是个Web QQ：

展开，鼠标移上去可以看到联系人信息...