2020-02-16 标签:mootools,教程,选项,效果,tabs,简单,额外,信息,标签,tab,鼠标,移上去,显示,内容,在这,第一个,项目

简单的“额外信息”标签（TAB） 鼠标移上去显示内容的TAB 在这第一个项目中，我们要创建一个简单的菜单，当鼠标移动到这些菜单上时显示相应的内容。首先，我们来完成HTML代码——我们就用包含四个列表项的ul好了，然后再创建四个div（每一个div对应一个列表项）： 参考代码： 实现代码如下： //

2020-02-16 标签:mootools,教程,21,fdream,原文,好像,少了,一部分,因此,自作主张,补充,下面,这一段,baseclass

Fdream注：原文好像少了一部分，因此我自作主张地补充了下面这一段及BaseClass的代码。 在今天的教程中，我们将主要学习一下MooTools中类的实现和继承（扩展）。通过实现和继承，我们可以在子类中使用父类的方法，而不需要再重新声明和实现相同的方法。MooTools中的Class类可以帮助我

2020-02-16 标签:mootools,教程,同时,进行,多个,形变,动画,这在,元素,添加,相同,选项,非常,有用,就像,20

这在你给多个元素添加有相同选项的形变动画时非常有用。就像我们在第20讲中看到的最后一个例子一样。 基本用法 使用Fx.Elements的方法看起来和Fx.Morph差不多。这两者之间的区别在于.start({})方法和.set({})方法。 为了保证事情简洁，让我们首先建立一个元素数组，以用来传递给

2020-02-16 标签:mootools,教程,fx,tween,使用,和我,其他的,函数,方法,非常,简单,功能,都很,强大,让你,添加

和我们看到的其他的MooTools函数一样，这些方法使用起来都非常简单，但是功能都很强大。Tween可以让你添加那些极“炫”的效果——可以很平滑地发生形变动画，从而改善你的用户体验。 Tween的快捷方法 我们通常都从“基本知识”入手，不过MooTools 1.2只为渐变（tween）提供了这样极其

2020-02-16 标签:mootools,教程,fx,morph,选项,事件,学习,如何,使用,它从,本质上,让你,同时,渐变,多个,样式,属性

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

2020-02-16 标签:mootools,drag,move,实现,拖放,它的,使用,和我,见过,其他的,插件,类似,首先,n,ew,关键字,创建,对象

它的使用和我们见过的其他的插件类似：首先你使用“new”关键字来创建一个Drag.Move对象并赋值给一个变量，然后你再定义你的选项和事件。这就是全部要做的事情，不过你一定要注意一下下面的例子中描述的IE的CSS怪异现象。 基本用法 Drag.Move 创建你自己的拖动对象非常的容易。稍微看一下下面

2020-02-16 标签:mootools,教程,正则,表达式,你还,不熟悉,使用,regular,expression,regex,强烈建议,量的,时间,好好看,这篇文章,链接,尤其是

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

2020-02-16 标签:mootools,教程,定时器,哈希,简介,比它,表面,看起来,更多,的事,定时,定期,触发,函数,另一方面,hash,则是

定时器能比它表面看起来做更多的事情——定时能定期地触发一个函数。另一方面，hash则是键值对（key/value）的集合。如果你对hash还不熟悉现在也不要着急——我们今天就会做一个快速简要的介绍，并且会提供一些延伸阅读的相关链接。就像MooTools中的所有东西一样，一旦你看到它的正确用法，它使用

2020-02-16 标签:mootools,教程,函数,今天,系列,你还,看过,一讲,请先,查看,一篇,数组,使用,简介

今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲，请先查看上一篇教程《Mootools 1.2教程(3)——数组使用简介》。今天我们先不讲MooTools，而是讲一讲JavaScript中的函数（function）的基本知识。 但是，为了符合MooTools这个主题，你需要知道在哪里

2020-02-16 标签:mootools,教程,事件,处理,今天,第五,在上,一讲,函数,学习,建立,使用,几种,不同,方式,下一步

今天我们开始第五讲，在上一讲（《Mootools 1.2教程(4)——函数》）中，我们学习了在MooTools 1.2中建立和使用函数的几种不同方式。下一步就是理解事件了。和选择器类似，事件也是建立互动界面的一个重要部分。一旦你掌握了一个元素，你需要去决定什么行为来触发什么效果。先把效果留着以后在讲