先废话几句，这第23篇教程一直没有翻译出来，直到今天我看到待审评论里面有这么一条超长的评论，结果一看，居然是这篇教程的翻译稿。这位热心的Mootools爱好者是Fanhp，非常感谢你的辛勤劳动！同时，我感到非常羞愧，实在是有愧大家的期望！愧疚是要拿行动来补的，于是我赶紧对此篇翻译进行了一些整理，修改了其中部分词句，并整理了示例代码。
————————
原文地址：30 Days of Mootools 1.2 Tutorials – Day 23 – Fx.Slide
请尊重个人劳动，转载请注明出处：http://fdream.net，译者：Fanhp，整理：Fdream
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天继续我们的Mootools…
继续Mootools的扩展，适用于Mootools 1.1及1.2，这次在Element扩展了两个非常简单的方法，一个用来获取或者设置一个元素的innerHTML（这个是模仿jQuery里面的html()方法），还一个方法是把一个表单对象转成hash对象，用得比较少一点。
说明：当参数不为空时，设置一个元素的innerHTML，当参数为空时，返回当前元素的innerHTML。
By
Element.implement({
html: function(s) {
///<summary>
/// 获取元素的HTML内容或者设置元素的HTML内容
///</summary>
///<param name="s" type="String">参数为空时，获取HTML内容；参数为字符串时，设置HTML的内容</param>
///<returns… 继续Mootools常用方法扩展，这次是Window类上的扩展，也就是全局函数。
说明：获取页面URL参数。你可以使用任何指定的分隔符，比如’#’，默认为’#’。
Window.implement({
$params: function(delimiter) {
///<summary>
/// 获取页面URL的参数，返回包含参数的hash对象
///</summary>
///<param name="delimiter" type="String">参数和URL的分隔符，比如?或者#，默认为#</param>
///<returns type="Hash" />
delimiter = (delimiter || '#').escapeRegExp();… 我们先看一下JavaScript中关系运算符的类型转换规则：
关系运算符（<、>、<=、>=）
- 试图将 expression1 和 expression2 都转换为数字。
- 如果两表达式均为字符串，则按字典序进行字符串比较。
- 如果其中一个表达式为 NaN，返回 false。
- 负零等于正零。
- 负无穷小于包括其本身在内的任何数。
- 正无穷大于包括其本身在内的任何数。
所以很容易理解下面这样的比较：
1 < NaN: false
1 >= NaN: false
'a' < 1: false
'a' >= 1: false
但是下面的就很诡异了：
1 < '2a': false
1 >= '2a': false
'2a' < 1: false
'2a' >= 1: false
按照一般的理解，这里的’2a’应该会被转换成2，可是实际上是被转换成了NaN，why？字符串转换为数字，有parseInt()、parseFloat()和Number()，在这里使用的就是Number转换。在用Number()进行转换时，’2a’是不能被转换成数字的。…
需求总是不断变化的，相信有非常多的人也碰到过类似的问题：比如鼠标移到flash上就把flash放大，鼠标移开就缩小，嗯，说了半天其实这个东西就是用来做广告的。
一般的怎么做的呢？无非是在flash里面用ExternalInterface来调JavaScript，用JavaScript来调整swf的大小或者切换另一个swf，或者索性就在swf的上面覆盖一个透明层（貌似要用空白的图片才好使，否则事件还是会跑到swf里面去，而不是给这个层d），然后用这个层来捕捉事件，然后调整swf的大小。
相信很多“挑剔”的人都和我一样，嫌这个方法太麻烦，又不好看。为什么不能直接写在swf里面呢？我也不知道为什么，Adobe没有提供这个接口……不过ActionScript不是可以调JavaScript吗？而且JavaScript也可以写在ActionScript里面，干嘛不从这里打点主意呢？
很好，actionscript.org…
jQuery居然都没有JSON的decode和encode，精确类型判断也没有，囧……自己动手写吧！不过这些东西在网上都已经有很好的版本了，自己也不用太费脑筋，拿来用吧！类型判断在这里有一段很好的代码：http://lucassmith.name/pub/typeof.html，JSON的decode和encode就直接用Mootools的吧！（不过Mootools里面的JSON.encode方法还不够完美，我作了一些完善。）
/**
* extension of JSON, type for jQuery
* AUTHOR: [email protected]
* LICENSE: http://www.opensource.org/licenses/mit-license.php
* WEBSITE: http://fdream.net/
*/
(function($) {
// the code of this function is … 谢谢yzty的提醒，jQuery官方说是修改了一些bug，diff了一下代码，发现主要是selector里面的，主要是逻辑上的变化，接口没有任何变化，赶紧从1.3更新到1.3.1吧！
点击这里可以下载可以在Visual Studio 2008中显示智能提示的jQuery版本（jquery 1.3.1）。（发现jquery官方提供的1.3.1的vsdoc貌似是1.2.6的，有几个方法的参数都和1.3.1都不一样，还有部分代码不一样，囧……）
Mootools的1.3什么时候才可以出来啊，太慢太慢了~…
昨天晚上才发现已经出了jQuery的1.3版本，于是下载下来，把原来一个兄弟翻译的1.2.6的文档移植到了1.3中，点击这里可以下载可以在Visual Studio 2008中显示智能提示的jQuery版本。
相关截图：
从官方的Release notes中可以看到，这一个版本的jQuery性能比上一个版本的jQuery提升了好几倍。
其实我还是很喜欢Mootools，它的写法非常的优雅，不过已经很久很久没有更新过了。使用了这么久，发现其中的问题还是很多的，至少我自己已经修改过几次其中的bug了，它远远没有jQuery来得稳定，不知道下一个版本会不会好一些？然而我还不知道下一个版本什么时候会出来………
纯属无聊，本来只是想写个豆瓣的插件，看到歌曲列表以后就可以在线试听或者下载，不过不能直接从搜索结果列表拿到mp3或者wma的真实地址，只能进去下载页面分析。
不过下载页面的地址的加密倒是简单，很容易就发现了URL密文和明文的对应关系，再稍微看一下JavaScript，就知道怎么还原了。还原方法如下（还是JavaScript版本的）：
//48-0, 65-A, 97-a
var CHARACTERS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
function decode(url, offset) {
var l = url.length;
var s = '', idx, ch;
for (var i = 0; i < l; i++) {
ch = url.charAt(i);
if (/[A-Za-z0-9]/.test(ch)) {
idx = CHARACTERS.indexOf(ch)… 前几个月的时候就说过在JavaScript应用中使用Flash来存储本地数据，使用这个方式有一个非常大的好处就是：不同的浏览器可以共享相同的本地数据。
现在终于抽空整理了一下以前的应用，作为一个简单的开源项目发布了。在Google Code上的地址是：http://code.google.com/p/fookie/，代码里面有可以在vs中智能提示的文档。
JavaScript类名为Fookie，提供了以下几个Public方法：