MooTools教程(告诉你为什么学Mootools)

MooTools教程(告诉你为什么学Mootools)的相关文章

• 
  MooTools教程(1):认识MooTools

  标签：Web开发

  有人最近要求我们写一个关于MooTools 1.2的30天的教程，这似乎也是个很不错的主意，于是我们决定现在就开始。在这些教程中，我们假设用户没有任何MooTools或者是JavaScript经验，但是至少有基本的HTML和CSS知识。 MooTools 1.2 JavaScript库介绍 是个强大的轻量级的JavaScript库，专门为减轻Web中交互性JavaScript开发。在某种程度上，你可以认为MooTools是CSS的扩展。例如，CSS可以让你在鼠标移上去时发...[ 查看全文 ]

  200618130

  191
• 
  MooTools教程(4):函数和MooTools

  标签：Web开发

  今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲，请先查看上一篇教程。今天我们先不讲MooTools，而是讲一讲JavaScript中的函数（function）的基本知识。 但是，为了符合MooTools这个主题，你需要知道在哪里该使用MooTools的函数。此前，我们已经在我们的所有示例代码中，把代码都放在domready方法中。当我们需要把它放在domready的外面时，我们使用了函数（function）。在你在domready里面调...[ 查看全文 ]

  hghbwjyjim5502

  31
• 
  MooTools教程(5):事件处理

  标签：Web开发

  今天我们开始第五讲，在上一讲（）中，我们学习了在MooTools 1.2中建立和使用函数的几种不同方式。下一步就是理解事件了。和选择器类似，事件也是建立互动界面的一个重要部分。一旦你掌握了一个元素，你需要去决定什么行为来触发什么效果。先把效果留着以后在讲，我们首先看一看中间步骤和一些常见的事件。 左键单击事件 左键单击事件是web开发中最常见的事件。超链接识别点击事件，然后把你带到另外一个U...[ 查看全文 ]

  死去的爱情水瓶

  331
• 
  MooTools教程(8):输入过滤-数字

  标签：Web开发

  今天我们来看看MooTools是怎样使得过滤用户输入变得非常轻松。我们今天将讲一些基本的数字过滤，明天再更深入地讲讲字符串过滤。 注意 ：JavaScript中的输入过滤只是为了保证（客户端）代码顺利执行，并 不能 替代服务器端的字符串过滤来保护你的应用程序不被注入攻击。 在第四讲的最后的一个例子中，我们从文本输入框获取RGB值，然后使用它们来改变页面背景色，今天我们首先来看看那个例子的部分代码...[ 查看全文 ]

  229085450

  61
• 
  Valerio 发布了 Mootools

  标签：Web开发

  Valerio 今晚发布了 Mootools,又是一个javascript framework,集成了 Valerio 以前做的 效果类 ( moo.fx ) Ajax类 ( moo.ajax ), Dom选择类 ( moo.dom ), 另外加了拖拽(Drag and Drop), Sortable lists(中文不知道该怎么解释，效果是在一个“狭小”的空间里有一个列表可以拖拽排序 ^^!), Cookies管理以及其他一些功能。做成了一个a choice of more than fifteen scripts, plugins and addons(额…虽然能理解，...[ 查看全文 ]

  没钱01

  11
• 
  MooTools教程(15):滚动条(Slider)

  标签：Web开发

  到现在为止，初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条（Slider）没有任何不同，你要创建一个新的滚动条，定义滚动条和滑块相关的元素，然后设置你的选项，再创建一些回调事件的控制函数。尽管滚动条（Slider）遵循这个熟悉的模式，但是任然还有一点特殊的地方。 基本用法创建一个新的滚动条（Slider）对象 我们首先从HTML和CSS开始。基本的想法是创建一个滚动条的div，因此是一个长的长...[ 查看全文 ]

  大熊猫不在家

  281
• 
  MooTools教程(2):DOM选择器

  标签：Web开发

  如果你还没有准备好，请先阅读上一篇《Mootools 1.2教程(1)MooTools介绍》。我们讲了怎么引用MooTools 1.2以及怎么在domready里面调用你的脚本。 今天开始本系列教程的第2讲。在这一讲中，我们会学习几种选择HTML元素的方法。在许多方面，这是MooTools用得最多最基本的。毕竟，要创建一个基于HTML元素的交互性用户体验，你必须首先把它们掌握在手中。 基本的方法 $(); $函数是MooTools中基本的选择器...[ 查看全文 ]

  xqfbuu

  71
• 
  MooTools教程(3):数组管理DOM元素

  标签：Web开发

  在上一篇教程中，我们介绍了一下选择器，其中有很多方法就会返回数组（一个你可以对其中内容进行多种操作的特殊列表）。今天，我们在来看看如何使用数组来管理DOM元素。 基本方法 .each(); 在处理数组时，.each();方法是你最好的朋友。它提供了一种很容易的方法来遍历数组的每个元素，如果有需要还可以对其中的元素进行任何逻辑处理。例如，我们可以假设你需要为页面中的每个div对象调用alert方法： ...[ 查看全文 ]

  美眉a30

  51
• 
  MooTools教程(9):输入过滤-字符串

  标签：Web开发

  今天我们来看一看MooTools给我们提供的额外的一些处理字符函数。这只是MooTools字符串处理中的一部分，并不包含一些神秘的函数（比如toCamelCase()）和使用正则表达式处理字符串的函数。我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用。 在开始之前，我想先花一点时间来看一下字符串函数是怎么调用的。在我的例子中，我是在字符串变量上面直接调用这个方法的，就像下面的这样...[ 查看全文 ]

  爱你om2

  61
• 
  MooTools教程(6):操纵HTML DOM元素

  标签：Web开发

  我们已经学习过如何来选取DOM元素，怎么创建数组，怎么创建函数，怎么把事件添加到元素，今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2，你可以添加新元素到一个HTML页面中，也可以删除元素，以及改变任何样式或者元素参数，这些都非常容易。 基本方法 .get(); 这个工具可以让你获取元素的属性（property）。元素的属性是组成一个HTML元素的各种不同部分，例如src、value、name等等。使...[ 查看全文 ]

  度爹儿

  181
• 
  MooTools教程(10):Fx.Tween渐变

  标签：Web开发

  今天我们开始第三讲，我们今天主要看一下。和我们看到的其他的MooTools函数一样，这些方法使用起来都非常简单，但是功能都很强大。Tween可以让你添加那些极炫的效果可以很平滑地发生形变动画，从而改善你的用户体验。 Tween的快捷方法 我们通常都从基本知识入手，不过MooTools 1.2只为渐变（tween）提供了这样极其出色的快捷方法，它们使用起来都极其简单以至于我忍不住要从这里开始。 .tween(); 一个...[ 查看全文 ]

  丶寂寞za1唱歌

  91
• 
  MooTools教程(13):正则表达式

  标签：Web开发

  今天我们将先简要地看一下正则表达式，然后再看一下MooTools提供的一些让正则表达式更容易使用的功能。如果你还不熟悉怎么使用正则表达式（regular expression（regex）），我强烈建议你花一定量的时间好好看一下这篇文章中的一些链接，尤其是文章结尾更多学习部分的链接。我们今天只是讲一讲正则表达式最基本的用法，正则表达式能做的远远超过我们今天所讲的内容。 基本用法 test()方法 它的简单在于...[ 查看全文 ]

  服装界的孩子

  151
• 
  MooTools教程(14):定时器和Hash对象

  标签：Web开发

  在今天的教程中，我们将关注两块内容：第一个就是.periodical();方法，然后我们再对hash做一个简介。定时器能比它表面看起来做更多的事情定时能定期地触发一个函数。另一方面，hash则是键值对（key/value）的集合。如果你对hash还不熟悉现在也不要着急我们今天就会做一个快速简要的介绍，并且会提供一些延伸阅读的相关链接。就像MooTools中的所有东西一样，一旦你看到它的正确用法，它使用起来就非常的简...[ 查看全文 ]

  摩羯sensen1990

  61
• 
  MooTools教程(12):Drag.Move来实现拖放

  标签：Web开发

  今天我们开始第十二讲，今天我们将仔细看一下Drag.Move一个很强大的MooTools类，它可以让你给你的web应用添加拖放功能。它的使用和我们见过的其他的插件类似：首先你使用new关键字来创建一个Drag.Move对象并赋值给一个变量，然后你再定义你的选项和事件。这就是全部要做的事情，不过你一定要注意一下下面的例子中描述的IE的CSS怪异现象。 基本用法 Drag.Move 创建你自己的拖动对象非常的容易。稍微看一...[ 查看全文 ]

  流年似水过

  71
• 
  MooTools教程(11):Fx.Morph、Fx选项和Fx事件

  标签：Web开发

  今天，我们继续探索一下这个库的Fx部分，我们将学习如何使用Fx.Morph（它从本质上可以让你同时渐变多个样式表属性），然后我们再检查一下应用到Fx.Tween和Fx.Morph的一些Fx选项，最后我们将看看如何使用Fx事件，譬如onComplete和onStart。通过这些选项和事件，我们可以获得更好的控制权来控制形变动画。 Fx.Morph 创建一个新的Fx.Morph 初始化一个新的形变和创建一个新的渐变很类似，除了你要指定多个...[ 查看全文 ]

  bjbfjd

  61
• 
  告诉你孩子在幼儿园学什么

  标签：幼儿园 育儿知识 怀孕 孕妇

  搬家后 宝宝不想上幼儿园 你是不是也遇上过搬家后，宝宝不愿意再去上幼儿园的情况。遇到这种情况，不可强逼宝宝去幼儿园。那样对宝宝的心理和情绪都会有很大的影响。 文文是一个乖孩子，聪明可爱，自从上幼儿园后一直表现突出，上课接受知识的能力强，喜欢帮助小朋友，在幼儿园是大家关注的焦点。文文还参加了市里组织的绘画比赛并获奖。文文受到老师、园长的一致好评，爸爸妈妈也很喜欢他。但是今年由于...[ 查看全文 ]

  qqygq116

  301
• 
  专家来告诉你 为什么你的月经是黑色的

  标签：月经

  摘要： 一般来讲，月经血是红色的。如果你突然发现自己的经血发黑了，是不是觉得很恐怖呢？遇到发黑的经血，我们不要惊慌，我们要做的事情就是先了解经血发黑的原因。     一般来讲，月经血是红色的。如果你突然发现自己的经血发黑了，是不是觉得很恐怖呢？遇到发黑的经血，我们不要惊慌，我们要做的事情就是先了解经血发...[ 查看全文 ]

  血墨菏

  371
• 
  宝宝为什么学英语

  标签：育儿知识 怀孕 孕妇

  宝宝学英语的那些事！ 最近关于宝宝学英语的话题被大家所关注，很多家长提到“学英语”也是非常纠结。为什么让孩子学英语?多大开始学英语合适?孩子学英语越早效果越好吗?有必要给孩子报英语早教班吗?孩子对英语不感兴趣怎么办?要强迫他去学吗?家长英语不好如何帮助孩子学习?婴幼儿学英语的常见误区有哪些?本期访谈我们请来了育儿专家朱纯燕老师，解答大家关于宝宝学英语的困扰。 [网友] ...[ 查看全文 ]

  y壹起裝b壹起飛

  391
• 
  告诉你

  标签：问题肌肤

  黑眼圈让眼睛变得不漂亮，黑眼圈形成的原因有很多种。别总是以为常熬夜才会让迷人的眼睛出现黑眼圈。其实，当身体出现一些疾病状况的时候，黑眼圈也会找上你。所以当出现黑眼圈的时候，就要警惕是不是身体出现问题了。黑眼圈告诉你身体哪生病了： 1、胃炎会导致黑眼圈 黑眼圈画像：黑眼圈颜色较深，呈浅蓝色，范围也较大 慢性胃炎患者如果长期消化、吸收功能减退，胃炎反复发作，黑眼圈也会加重。患有...[ 查看全文 ]

  狂拽霸气无边

  01
• 
  Oracle告诉你：什么是“Fusion”

  标签：编程语言 网络编程

  马萨诸塞州牛顿--Oracle的最新计划是将竞争对手SAP的客户吸引至由网络服务和最新创建的Fusion中间件支持的组件化的应用程序集合中。公司总裁charles Phillips在最近的一次客户活动中详细说明了这一最新策略，并且在活动后详细解释了记者的问题。下面是采访中摘取的部分内容： 今天的应用程序的功能将会转移到新的你称为Project Fusion的超集之中吗？他们实际上会从现有的应用程序中获取代码或者是...[ 查看全文 ]

  路华能

  581