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

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

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

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

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

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

2020-02-16 标签:mootools,教程,tooltips,还将,仔细,学习,工具,提示,选项,事件,用来,元素,添加,移除,页面,多个,不同,样式

我们还将仔细学习一下工具提示的选项和事件，还有一些用来从元素上添加和移除工具提示的工具。最后，我们将学习一下怎么让一个页面有多个不同样式的工具提示。 基础知识 创建一个新的工具提示 创建一个新的工具提示非常简单。首先，我们来创建一个要添加工具提示的链接： 参考代码： 实现代码如下： Tool tip

2020-02-16 标签:mootools,教程,简单,容器,包含,变量,集合,操作,函数,以便,实现,特定,功能,内容,牵涉,较多

简单地讲，一个类就是一个容器，这个容器包含了一些变量集合和操作这些变量的函数，以便实现特定的功能。在一个内容牵涉较多的项目中，类会显得难以置信的有用。 变量 在前面一系列的课程中，我们已经学习过了Hash对象中键值对（key/value pair）的使用方式，因此，下面的这个例子中创建了一个类，它只

2020-02-16 标签:mootools,手风琴,accordion,教程,创建,配置,基本的,很简单,一定要,认真,看完,全文,更多,高级,选项,可能有,复杂,基础知识

创建和配置一个基本的手风琴很简单，但是你一定要认真看完全文，因为更多的高级选项可能有一些复杂。 基础知识 创建一个新的手风琴 要创建一个新的手风琴，你需要选择一些成对的元素——包含标题和内容。因此，首先，需要给每一个标题和每一个内容块分别指定一个css类名： 参考代码： 实现代码如下： Toggle

2020-02-16 标签:mootools,教程,排序,方法,简介,sortables,还提,包括,名叫,serialize,优秀,通过,把这,元素,id

Sortables类还提供了包括一个名叫“serialize”的优秀方法，通过这个方法你额可以把这些元素的id作为数组输出——对于服务器端的开发非常有用。接下来，我们看看如何创建一个新的排序项集合，还有一定要看一下最后的演示实例。 基本知识 创建一个新的Sortable对象 首先，我们要把我们要排序

2020-02-16 标签:mootools,教程,滚动条,slider,尽管,遵循,熟悉的,模式,特殊,基本,用法,创建,新的,对象,首先,html

尽管滚动条（Slider）遵循这个熟悉的模式，但是任然还有一点特殊的地方。 基本用法 创建一个新的滚动条（Slider）对象 我们首先从HTML和CSS开始。基本的想法是创建一个滚动条的div，因此是一个长的长方形（长度取决于我们用滚动条做什么），还有一个子元素作为滑块。 参考代码：实现代码如下：

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

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

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

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