学习MooTools: 20个MooTools教程和示例

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

实际上有超过一百种JavaScript框架使得编写复杂的客户端代码变得非常容易。如果你正在寻找功能强大、相对轻量级、可定制的JavaScript框架,MooTools值得一试。为了帮助你使用MooTools开发高交互性的web应用程序,这里有20个教程和工作示例值得一读

开始使用MooTools

1.“Mootorial”

mootual -截图在//客户端是一个全面的,实用的MooTools框架教程。本教程允许您通过以下方法执行示例代码Firebug或者是网站的内置控制台。

2.MooTools概述视频教程

下面是一段介绍MooTools框架的精彩视频。它涵盖了一些基础知识,比如链接的概念,根据你的需求定制MooTools,以及在哪里可以找到MooTools代码的文档。

3.用Javascript增加用户体验

使用Javascript增加用户体验-截图Beauty By Design提供了一个由九部分组成的视频系列,介绍如何使用JavaScript(主要是MooTools)改善用户交互。课程涵盖的两个主题包括:使用mooTabs,创建滑动子菜单,并使用Fx。样式来控制字体大小。

4.理解Mootools选择器

MooTools(以及jQuery和Prototype等其他框架/库)最强大的功能之一是能够轻松地为您选择页面对象。本教程涵盖了MooTools: $(), $$(), $E()和$ES()函数中选择器的基础知识。

5.MooTools类:如何使用它们

本教程是关于在MooTools中使用类的入门级介绍。本教程使用一个假设的场景(从汽车商店购买一辆汽车)来说明类的概念。本文的最后一部分讨论了MooTools和script.aculo.us类的区别。

中级/高级主题

6.Mootools: Ajax和XHR类

MooTools的Ajax/XHR类为开发人员提供了一种更简单的处理xmlhttprequest的方法,它减少了必须编写的代码量,并为您处理浏览器差异。本教程简要介绍Ajax和XHR类。

7.MooTools中的Ajax响应器

本文将深入探讨MooTools中Ajax类的使用、扩展和功能。它讨论了链接Ajax请求和事件,以及如何扩展Ajax类以满足您的需求(也适用于其他MooTools类)。

8.你对Mootools了解多少?

开始使用MooTools是很容易的,用不了多久你就能在你的网页上创造出美妙的效果并增加用户互动性。为了帮助你成为MooTools大师,这里有一个常见的编码错误清单和相应的正确用法。

9.Mootools捷径

这是上一篇文章的后续,更多地关注MooTools语法的使用。示例包括使用更短的代码来选择对象、简化Ajax类和创建新元素。

10.Mootools: JSON解释

Mootools: JSON解释-截图这里是一个很好的介绍使用JSON与MooTools为您的web应用程序提供服务器端交互。涵盖的主题包括将JSON字符串转换为JavaScript对象,反之亦然。

11.使用MooTools的散列。饼干API

这篇文章解释了如何利用MooTools强大的Hash。Cookie API使处理复杂的Cookie利用变得轻而易举。该示例展示了如何存储用户访问页面的次数的工作示例。

12.使用MooTools 1.2链接

链接的好处有几个原因,包括能够按顺序执行事件(“在一个链中”),以及减少必须编写的代码行数。如果你想知道在MooTools中链接的“谁,什么,在哪里”,看看这个简短但信息丰富的教程。

实用/工作教程和示例

13.AJAX mootools安全联系表单

AJAX mootools安全联系表单-截图学习如何保护您的公共web表单免受垃圾邮件和SQL注入的影响,本教程将介绍如何使用MooTools来制作更安全的公共web表单。

14.使用CSS和Mootools模拟Flash水平导航效果

使用CSS和Mootools模拟Flash水平导航效果-截图创建一个导航区域,根据鼠标悬停的位置平滑地向左或向右滚动。

15.Facebook滑块与Mootools和CSS

Facebook滑块与Mootools和CSS -截图看看这个漂亮的教程,学习如何构建一套受facebook启发的滑块控件,可以操纵图像的不透明度、宽度和高度。

16.MooTools:元素闪烁

MooTools失控:元素闪烁-截图在本教程中,您将学习如何使页面元素闪现。这是一种将注意力吸引到网页特定部分或提醒用户状态变化的有效方法。

17.不错的Ajax效果的消息框使用Mootools

下面是一个教程,介绍如何显示用户单击提交按钮后淡入的消息。它的设计目的是与web表单一起使用,但它也可以修改为类似的应用程序。

18.两个CSS垂直菜单与显示/隐藏效果

两个CSS垂直菜单与显示/隐藏效果-截图本教程向您展示如何使用MooTools构建一个导航菜单,使其上下滑动顺畅。本文还介绍了如何使用普通JavaScript实现类似的效果。

19.Mootools内容滑块与间隔

Mootools内容滑块与间隔-截图这里有一个很好的循序渐进的教程,教你如何制作一个内容区域,以固定的间隔从左向右滑动——非常适合幻灯片播放。

20.用MooTools激活你的表单

用MooTools激活你的表单-截图这是一个由两部分组成的系列文章,讲述了如何让你的网页表单更漂亮。第一部分向您展示如何添加动画字段高亮显示以及如何向用户显示指令。在第二部分中,您将通过添加实时评论预览和文本区域的自动调整大小来进一步改进。

你有自己的MooTools资源可以分享吗?你想给我们展示一个有趣的MooTools应用程序吗?在评论中讨论吧!

如果你觉得这篇文章有用,你可能也想看书

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!