📅  最后修改于: 2020-10-22 06:36:07        🧑  作者: Mango

Sortables是Web开发中的一项高级功能，可以在您的用户界面设计中真正打开选项。它还包括一个称为“序列化”的强大函数，该功能管理元素ID的列表，对服务器端脚本很有用。创建一个新的可排序对象首先，我们将项目列表发送到变量。如果要使用项目列表的数组，则将所有集合分配给一个变量。并且，最后将该变量传递给可排序的构造函数。查看以下语法以创建可排序的对象。句法以下是该语法的HTML代码。句法分类选项S...

📅  最后修改于: 2020-10-22 06:37:09        🧑  作者: Mango

手风琴是MooTools提供的最受欢迎的插件。它有助于隐藏和显示数据。让我们讨论更多。制作新的手风琴手风琴需要的基本元素是成对的拨动开关及其内容。让我们创建html的标题和内容对。查看以下语法，以了解如何基于上述HTML结构构建手风琴。句法例让我们举一个定义手风琴基本功能的示例。看一下下面的代码。您将收到以下输出-输出手风琴选项手风琴具有强大的功能。这些功能有助于调整选项以提供自定义输出。显示此选...

📅  最后修改于: 2020-10-22 06:37:50        🧑  作者: Mango

MooTools提供了不同的工具提示来设计自定义样式和效果。在本章中，我们将学习工具提示的各种选项和事件，以及一些可帮助您从元素中添加或删除工具提示的工具。创建一个新的工具提示创建工具提示非常简单。首先，我们必须创建要在其中附加工具提示的元素。让我们以创建锚标记并将其添加到构造函数中的Tips类的示例为例。看一下下面的代码。查看用于创建工具提示的代码。例以下示例说明了工具提示的基本概念。看一下下面...

📅  最后修改于: 2020-10-22 06:38:29        🧑  作者: Mango

选项卡式内容是指选项卡式区域中存在的内容以及与列表项相关的内容。每当我们执行任何操作（如悬停或单击列表项）时，立即反应都会对选项卡式内容产生影响。让我们讨论更多有关选项卡的信息。创建简单标签将鼠标悬停在列表项上时，创建简单的菜单选项卡可帮助您浏览其他信息。首先，创建一个包含项目的无序列表，然后创建div，每个div对应一个项目。让我们看一下下面的HTML代码。脚本让我们使用CSS为上述HTML代码...

📅  最后修改于: 2020-10-22 06:38:58        🧑  作者: Mango

MooTools包含不同API的类。了解在MooTools中创建和使用类的基础知识。类是用于收集变量和函数的容器，这些变量和函数对这些变量进行操作以执行特定任务。让我们详细讨论变量，方法和选项。变数创建变量是一个非常简单的任务。就像在散列中声明键/值对一样。类似地，您可以以表示<class_name.variable>的相同方式访问变量。看一下以下用于在类中创建和访问变量的语法。句法方法通常，方法...

📅  最后修改于: 2020-10-22 06:39:32        🧑  作者: Mango

Fx.Element允许您将Fx功能添加到单个页面上的多个dom元素。实际上Fx.Element是Fx.Morph插件的扩展。 Fx.Element和Fx.Morph之间的唯一区别是语法。在这种语法中，start（{}）方法用于创建效果，而.set（{}）方法用于设置某些样式。看一下Fx.Element的以下语法。句法start（{}）和set（{}）开始和设置关键字结构用于开始和设置样式。但是在...

📅  最后修改于: 2020-10-22 06:40:09        🧑  作者: Mango

Fx.Slides是一个选项，可让您通过滑入视图来显示内容。这非常简单，但是可以增强UI的外观。让我们讨论有关创建和初始化Fx.Slide，其选项和方法的问题。首先，我们将使用用户定义的实例初始化Fx.Slide类。为此，我们必须创建并选择一个HTML元素。之后，我们将CSS应用于这些元素。最后，我们将使用element变量启动Fx.Slide的新实例。Fx.Slide选项只有两个Fx.Slide...

📅  最后修改于: 2020-10-22 06:40:40        🧑  作者: Mango

MooTools为不同的过渡提供了不同的FX.Tween快捷方式，例如浮华效果转换为平滑的动画过渡。让我们讨论Tween快捷方式中的一些方法。补间（）此方法提供了两个样式属性值之间的平滑过渡。让我们举一个使用补间方法将div的宽度从100px更改为300px的示例。看一下下面的代码。例您将收到以下输出-输出褪色（）此方法调整元素的不透明度或透明度。让我们举一个例子，其中，我们提供了一个按钮，用于使...

📅  最后修改于: 2020-10-22 06:40:59        🧑  作者: Mango

Fx.Morph是MooTools提供的函数。它用于为样式属性之间的过渡创建新的补间。进行变形时，我们必须选择带有对象的元素，然后才能对其应用不同的功能。我们还需要将元素与新创建的补间绑定。让我们以在网页上提供三个按钮的示例为例。第一个是SET按钮，用于创建具有样式属性（例如高度，宽度和颜色）的元素。第二个是MORPH按钮，用于更改元素的样式属性。第三个是RESET按钮，它将所有设置更改为开始位置...

📅  最后修改于: 2020-10-22 06:41:45        🧑  作者: Mango

MooTools提供了不同的Fx.Options，这将有助于Fx.Tween和Fx.Morph。这些选项将使您可以控制效果。让我们讨论一下MooTools提供的一些选项。在继续之前，请看一下以下用于设置选项的语法。句法fps（每秒帧数）此选项确定变形时动画中每秒的帧数。我们可以将这些fps应用于Morph或Tween功能。默认情况下，fps的值为50。这意味着变形时任何功能每秒将占用50帧。例让我...

📅  最后修改于: 2020-10-22 06:42:08        🧑  作者: Mango

Fx.Events提供了一些选项，可以在整个动画效果中在不同级别上引发一些代码。它提供了对补间和变形的控制。 Fx.Events提供的选项-onStart-它将启动Fx启动时执行的代码。onCancel-取消Fx时，它将引发要执行的代码。onComplete-它将完成Fx完成后执行的代码。onChainComplete-将提高链式Fx完成时执行的代码。例让我们以其中网页上有div的示例为例。我们首...

📅  最后修改于: 2020-10-22 06:42:26        🧑  作者: Mango

以下资源包含有关MooTools的其他信息。请使用它们来获得有关此方面的更深入的知识。MooTools上的有用链接MooTools官方网站-MooTools的官方网站MooTools Wiki–MooTools的Wikipedia参考MooTools上的有用书籍要在此页面上注册您的网站，请发送电子邮件至...

📅  最后修改于: 2020-10-22 06:42:38        🧑  作者: Mango

MooTools的完整形式是“我的面向对象的工具”。它是一个面向对象的轻量级JavaScript框架。它是根据免费的开源MIT许可证发布的。它是最受欢迎的JavaScript库之一。在本教程中，我们将逐步介绍MooTools及其功能。...