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

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

我们已经学习过如何来选取DOM元素，怎么创建数组，怎么创建函数，怎么把事件添加到元素，今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2，你可以添加新元素到一个HTML页面中，也可以删除元素，以及改变任何样式或者元素参数，这些都非常容易。 基本方法 .get(); 这个工具可...

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

欢迎开始这一系列的教程的第七讲。今天，我们来看一下如何通过MooTools 1.2和我们以前几讲中的内容来操作样式，这将给你在UI上带来很大的控制权。处理样式非常简单，不过今天我们要做一些调整。例如，我们要介绍键值对（key-value pair）对象。我们也会讲到在domready之外来传递变量，...

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

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

注意：JavaScript中的输入过滤只是为了保证（客户端）代码顺利执行，并不能替代服务器端的字符串过滤来保护你的应用程序不被注入攻击。 在第四讲的最后的一个例子中，我们从文本输入框获取RGB值，然后使用它们来改变页面背景色，今天我们首先来看看那个例子的部分代码，并以此展开我们这一讲。 rgbToH...

但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生Css. 复制代码 代码如下: AddCss=function(c){ var Sty=document.createElement('style'); Sty.type='text/css'; if(Browser.ie){ Sty.st...

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

我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用。 在开始之前，我想先花一点时间来看一下字符串函数是怎么调用的。在我的例子中，我是在字符串变量上面直接调用这个方法的，就像下面的这样： 参考代码： 复制代码 代码如下: var my_text_variable = "He...

MooTools的核心开发人员，Aaron Newton ，最近的任务是为mooTools框架补充新的类库，要超出标准JS MooTools应该提供的功能，结果一个新的项目，MooTools More便变诞生了。其目的是给Moo的开发人员收集更多官方的MooTools插件。不久前，More团队发布了...

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

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