Valerio 今晚发布了 Mootools,又是一个javascript framework,集成了 Valerio 以前做的 效果类 ( moo.fx ) Ajax类 ( moo.ajax ), Dom选择类 ( moo.dom ), 另外加了拖拽(Drag and Drop), Sortable lists(中文...
2019-12-27技术教程JavaScript教程,js教程,Mootools今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲,请先查看上一篇教程《Mootools 1.2教程(3)——数组使用简介》。今天我们先不讲MooTools,而是讲一讲JavaScript中的函数(function)的基本知识。 ...
2019-12-25技术教程JavaScript教程,js教程,Mootools,函数今天,我们在来看看如何使用数组来管理DOM元素。基本方法 .each(); 在处理数组时,.each();方法是你最好的朋友。它提供了一种很容易的方法来遍历数组的每个元素,如果有需要还可以对其中的元素进行任何逻辑...
2019-12-25技术教程JavaScript教程,js教程,Mootools我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用。 在开始之前,我想先花一点时间来看一下字符串函数是怎么调用的。在我的例子中,我是在字符串变量上面直接调用这个方法的,就像...
2019-12-25技术教程JavaScript教程,js教程,MootoolsSortables类还提供了包括一个名叫“serialize”的优秀方法,通过这个方法你额可以把这些元素的id作为数组输出——对于服务器端的开发非常有用。接下来,我们看看如何创建一个新的排序项集合,还有一定要看一下...
2019-12-25技术教程JavaScript教程,js教程,Mootools简单地讲,一个类就是一个容器,这个容器包含了一些变量集合和操作这些变量的函数,以便实现特定的功能。在一个内容牵涉较多的项目中,类会显得难以置信的有用。 变量 在前面一系列的课程中,我们已经学习...
2019-12-25技术教程JavaScript教程,js教程,Mootools,创建类和我们看到的其他的MooTools函数一样,这些方法使用起来都非常简单,但是功能都很强大。Tween可以让你添加那些极“炫”的效果——可以很平滑地发生形变动画,从而改善你的用户体验。 Tween的快捷方法 我们通常...
2019-12-25技术教程JavaScript教程,js教程,Mootools它的使用和我们见过的其他的插件类似:首先你使用“new”关键字来创建一个Drag.Move对象并赋值给一个变量,然后你再定义你的选项和事件。这就是全部要做的事情,不过你一定要注意一下下面的例子中描述的IE的C...
2019-12-25技术教程JavaScript教程,js教程,Mootools欢迎开始这一系列的教程的第七讲。今天,我们来看一下如何通过MooTools 1.2和我们以前几讲中的内容来操作样式,这将给你在UI上带来很大的控制权。处理样式非常简单,不过今天我们要做一些调整。例如,我们...
2019-12-25技术教程JavaScript教程,js教程,Mootools注意:JavaScript中的输入过滤只是为了保证(客户端)代码顺利执行,并不能替代服务器端的字符串过滤来保护你的应用程序不被注入攻击。 在第四讲的最后的一个例子中,我们从文本输入框获取RGB值,然后使用...
2019-12-25技术教程JavaScript教程,js教程,MootoolsMooTools 1.2 JavaScript库介绍 MooTools 1.2是个强大的轻量级的JavaScript库,专门为减轻Web中交互性JavaScript开发。在某种程度上,你可以认为MooTools是CSS的扩展。例如,CSS可以让你在鼠标移上去时发生...
2019-12-25技术教程JavaScript教程,js教程,Mootools如果你还不熟悉怎么使用正则表达式(regular expression(regex)),我强烈建议你花一定量的时间好好看一下这篇文章中的一些链接,尤其是文章结尾“更多学习”部分的链接。我们今天只是讲一讲正则表达式最基...
2019-12-25技术教程JavaScript教程,js教程,Mootools,正则表达式尽管滚动条(Slider)遵循这个熟悉的模式,但是任然还有一点特殊的地方。 基本用法 创建一个新的滚动条(Slider)对象 我们首先从HTML和CSS开始。基本的想法是创建一个滚动条的div,因此是一个长的长方形(...
2019-12-25技术教程JavaScript教程,js教程,Mootools,滚动条创建和配置一个基本的手风琴很简单,但是你一定要认真看完全文,因为更多的高级选项可能有一些复杂。 基础知识 创建一个新的手风琴 要创建一个新的手风琴,你需要选择一些成对的元素——包含标题和内容。因此...
2019-12-25技术教程JavaScript教程,js教程,Mootools,手风琴这在你给多个元素添加有相同选项的形变动画时非常有用。就像我们在第20讲中看到的最后一个例子一样。 基本用法 使用Fx.Elements的方法看起来和Fx.Morph差不多。这两者之间的区别在于.start({})方法和.set({...
2019-12-25技术教程JavaScript教程,js教程,Mootools基本用法 就像我们前面看过的所有类一样,我们在把这个类应用到一个元素上面时,我们要做的第一件事就是初始化一个新的Fx.Slide实例。 首先,让我们为滑动元素建立一个HTML文件。 参考代码: 复制代码 代码...
2019-12-25技术教程JavaScript教程,js教程,Mootools,滑动效果简单的“额外信息”标签(TAB) 鼠标移上去显示内容的TAB 在这第一个项目中,我们要创建一个简单的菜单,当鼠标移动到这些菜单上时显示相应的内容。首先,我们来完成HTML代码——我们就用包含四个列表项的ul好...
2019-12-25技术教程JavaScript教程,js教程,Mootools,选项卡