MooTools教程(1):认识MooTools

2016-02-20 00:40 21 1 收藏

只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的MooTools教程(1):认识MooTools，手机电脑控们准备好了吗？一起看过来吧！

【 tulaoshi.com - Web开发】

有人最近要求我们写一个关于MooTools 1.2的30天的教程，这似乎也是个很不错的主意，于是我们决定现在就开始。在这些教程中，我们假设用户没有任何MooTools或者是JavaScript经验，但是至少有基本的HTML和CSS知识。

是个强大的轻量级的JavaScript库，专门为减轻Web中交互性JavaScript开发。在某种程度上，你可以认为MooTools是CSS的扩展。例如，CSS可以让你在鼠标移上去时发生改变。JavaScript允许你接触更多的时间（点击事件、鼠标悬停事件、键盘事件），MooTools让这一切变得非常容易。

另外，MooTools还有各种各样的非常好的扩展，可以让你不只是改变一个元素的属性，还可以让你有morph（变形）或者tween（补间动画）属性，让你有能力去创建动画效果，就像你在我的导航菜单上看到的一样（Fdream注：

来源:http://www.tulaoshi.com/n/20160220/1632366.html

上一篇： Mac显示今天是今年的第几天第几周的设置方法
下一篇：清理Win8系统磁盘的完美方案

看过《MooTools教程(1):认识MooTools》的人还看了以下文章更多>>

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

标签： Web开发

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

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

标签： Web开发

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

选择mootools的5个原因

标签： Web开发

Portotype虽然是强大的，和script.aculo.us结合可以做出很多完美的效果，可是它里面有太多我不想用的代码，或许这是我后面选择mootools的主要原因，我只是想选择性的打包。其实当时我也很想用一下jquery，仔细对比了一下，我还是觉得mootools更加的适合于我。有比较，才有机会去选择，我想从下面5个方面讨论一下。可读性VS简洁 &...

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

标签： Web开发

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

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

标签： Web开发

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

查看更多精彩>>