原文地址：30 Days of Mootools 1.2 Tutorials – Day 17 – Accordion
请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
继续我们的“更多”（More）库里面的插件教程，今天我们来学习一下可能是最流行最受欢迎的插件——手风琴。创建和配置一个基本的手风琴很简单，但是你一定要认真看完全文，因为更多的高级选项可能有一些复杂。
要创建一个新的手风琴，你需要选择一些成对的元素——包含标题和内容。因此，首先，需要给每一个标题和每一个内容块分别指定一个css类名：
By
<h3 class="togglers">Toggle … 原文地址：30 Days of Mootools 1.2 Tutorials – Day 16 – Sortables and Intro to Methods
请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
从今天开始，我们将开始讲解“更多”（more）库里面的更多插件。Sortables是一个非常强大的插件，能够真正地扩大你的用户界面设计的选择面。Sortables类还提供了包括一个名叫“serialize”的优秀方法，通过这个方法你额可以把这些元素的id作为数组输出——对于服务器端的开发非常有用。接下来，我们看看如何创建一个新的排序项集合，还有一定要看一下最后的演示实例。
原文地址：30 Days of Mootools 1.2 Tutorials – Day 15 – Sliders
请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
到现在为止，初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条（Slider）没有任何不同，你要创建一个新的滚动条，定义滚动条和滑块相关的元素，然后设置你的选项，再创建一些回调事件的控制函数。尽管滚动条（Slider）遵循这个熟悉的模式，但是任然还有一点特殊的地方。
我们首先从HTML和CSS开始。基本的想法是创建一个滚动条的div，因此是一个长的长方形（长度取决于我们用滚动条做什么），还有一个子元素作为滑块。…
原文地址：30 Days of Mootools 1.2 Tutorials – Day 14 – Periodical and Intro to Hashes
请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
在今天的教程中，我们将关注两块内容：第一个就是.periodical();方法，然后我们再对hash做一个简介。定时器能比它表面看起来做更多的事情——定时能定期地触发一个函数。另一方面，hash则是键值对（key/value）的集合。如果你对hash还不熟悉现在也不要着急——我们今天就会做一个快速简要的介绍，并且会提供一些延伸阅读的相关链接。就像MooTools中的所有东西一样，一旦你看到它的正确用法，它使用起来就非常的简单，并且不可思议的有用。…
原文地址：30 Days of Mootools 1.2 Tutorials – Day 13 – Regular Expressions
请尊重个人劳动，转载请注明出处：http://fdream.net， 译者：Fdream
如果你还没有准备好开始这一讲，我建议你先看这一系列的教程的前面一部分，这里是《MooTools 1.2系列教程目录》。
今天我们将先简要地看一下正则表达式，然后再看一下MooTools提供的一些让正则表达式更容易使用的功能。如果你还不熟悉怎么使用正则表达式（regular expression（regex）），我强烈建议你花一定量的时间好好看一下这篇文章中的一些链接，尤其是文章结尾“更多学习”部分的链接。我们今天只是讲一讲正则表达式最基本的用法，正则表达式能做的远远超过我们今天所讲的内容。
test()方法
它的简单在于，一个正则表达式可以是一个你想要匹配的简单字符串。尽管JavaScript本身已经为…
原文地址：30 Days of Mootools 1.2 Tutorials – Day 12 – Drag and Drop using Drag.Move
请尊重个人劳动，转载请注明出处：http://fdream.net， 译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天我们开始第十二讲，今天我们将仔细看一下Drag.Move——一个很强大的MooTools类，它可以让你给你的web应用添加拖放功能。它的使用和我们见过的其他的插件类似：首先你使用“new”关键字来创建一个Drag.Move对象并赋值给一个变量，然后你再定义你的选项和事件。这就是全部要做的事情，不过你一定要注意一下下面的例子中描述的IE的CSS怪异现象。
Drag.Move
创建你自己的拖动对象非常的容易。稍微看一下下面的例子就行了。注意一下我们是怎么把我们的Drag.Move对象的选项和事件从我们的Drag选项和事件中分离出来的。Drag.Move类扩展了Drag类，因此它可以接受Drag类的选项和事件。今天我们并不打算特别地讲一讲Drag类，不过我们还是要研究一下一些有用的选项和事件。看一下下面的代码，然后学习一下其中的细节。…
原文地址：30 Days of Mootools 1.2 Tutorials – Day 11 – Using Fx.Morph, Fx Options and Fx Events
请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天，我们继续探索一下这个库的Fx部分，我们将学习如何使用Fx.Morph（它从本质上可以让你同时渐变多个样式表属性），然后我们再检查一下应用到Fx.Tween和Fx.Morph的一些Fx选项，最后我们将看看如何使用Fx事件，譬如“onComplete”和“onStart”。通过这些选项和事件，我们可以获得更好的控制权来控制形变动画。
创建一个新的Fx.Morph
初始化一个新的形变和创建一个新的渐变很类似，除了你要指定多个样式属性以外。…
JavaScript的是弱类型的，但是在很多操作中，它会自动进行相应的类型转换，可能很多人都知道下面这样的变态类型转换：
// 下面这个等于80.8
alert('88.8' - 8);
// 下面这个等于'88.88'
alert('88.8' + 8)
上面的这个很好理解，JavaScript在做减法运算时，会自动把字符串转换为Number，在做加法时，只要是和字符串相加，那么肯定会把数字转换为字符串。但是，但是很少有人知道下面这样变态的类型转换：
var x = '0E8888';
alert(x == 0); // 这个是true
if (x >= 0) {
alert('x >= 0'); // 这个也是true
}
if (x < 0) {
alert('x < 0');
}
如果说我们这样理解：在做比较运算时，会自动把字符串转换为数字，所以’0E8888’被转换为0，所以上面的结果没有任何问题。那么下面的就没办法解释了：…
原文地址：30 Days of Mootools 1.2 Tutorials – Day 10 – Using FX.Tween
请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天我们开始第三讲，我们今天主要看一下Fx.Tween。和我们看到的其他的MooTools函数一样，这些方法使用起来都非常简单，但是功能都很强大。Tween可以让你添加那些极“炫”的效果——可以很平滑地发生形变动画，从而改善你的用户体验。
我们通常都从“基本知识”入手，不过MooTools 1.2只为渐变（tween）提供了这样极其出色的快捷方法，它们使用起来都极其简单以至于我忍不住要从这里开始。
.tween();
一个渐变（tween）是一个在两个样式属性值之间的平滑的变化。举个例子，通过渐变（tween）你可以把div的宽度（width）平滑地由100像素变化为300像素。…
原文地址：30 Days of Mootools 1.2 Tutorials – Day 9 – Input Filtering Part II (Strings)
请尊重个人劳动，转载请注明出处：http://fdream.net， 译者：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天我们来看一看MooTools给我们提供的额外的一些处理字符函数。这只是MooTools字符串处理中的一部分，并不包含一些神秘的函数（比如toCamelCase()）和使用正则表达式处理字符串的函数。我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用。
在开始之前，我想先花一点时间来看一下字符串函数是怎么调用的。在我的例子中，我是在字符串变量上面直接调用这个方法的，就像下面的这样：
var my_text_variable…