标签:MooTools学习笔记

MooTools中的事件(中) »

我们在《MooTools中的事件(上)》中介绍了MooTools的事件类型,并把MooTools中的事件分为5大类:窗口事件(WindowEvents),表单元素事件(FormElementEvents),键盘事件(KeyboardEvents),鼠标事件(MouseEvents),MooTools自定义事件。本节所介绍的是MooTo...

继续阅读 →

MooTools中的事件(上) »

在前面的教程中我们已经把《SelectingDOMElements》部分学习完了。为了给网站用户提供更好的交互性和动态特性(比如说拖放与拖拽,动画,等等),只有选择器是不够的,事件也是建立交互界面的一个重要部分。什么是事件?事件(Event)是JavaScript应用跳动的心脏。当Web页面中发生了某些类型的交互时,事件就发生了。事件...

继续阅读 →

MooTools Selectors(选择器) »

什么是MooTools选择器在《MooToolsDOM之Accessingelements(访问元素)》日志中,以$$()为代表,以及众多对Elementprototype扩展的方法,让您更轻松的操作DOM元素。默认情况下,这些方法只允许以标签名为参数。当你使用了Selectors,这些方法变得更为强大。因为Selectors.js文...

继续阅读 →

图片预加载进度条,基于Mootools Plugins Assets »

大量采用高解析度的图像的确可以让一个Web站点容光焕发。但同样也会造成站点访问速度下降——图片是文件,文件就要占用带宽,而带宽直接同访问等待时间相关。现在,让我们来学习一种名为图像预装载(imagepreloading)的小技巧来提高图像访问速度。一些浏览器试图通过在本地缓存中保存这些图片来解决此问题。这样一来可以顺序调用这些图片——...

继续阅读 →

MooTools DOM 之 Manipulating elements(操纵元素) »

根据在《MooToolsDOM基本分类》日志中的分类方法,在上一节中我们介绍了《MooToolsDOM之Accessingelements(访问元素)》。既然,我们已经学会了如何获得元素,那我们对元素进行操作就没有问题了。操作元素,包括添加或删除一个element的cssclass和获取或设置元素的属性,以及如何获取表单相关元素的值等...

继续阅读 →

MooTools DOM 之 Accessing elements(访问元素) »

依据我在《MooToolsDOM基本介绍与分类》中的分类,专门收集DOM元素的快捷方式有$,$$。其它的getElement(),getElements(),getElementById()有类似于快捷方式一样的功能,但是它们必须依附Elements.为了我们能全面的讲解DOM操作,我们需要构建一个网页。因为所有的网页都能用DOM表示...

继续阅读 →

MooTools DOM 基本介绍与分类 »

引言文档对象模型(DocumentObjectModel,DOM)是给HTML与XML文件使用的一组API。它提供了文件的结构表述(representation)。它是一组用来描述脚本怎样与结构化文档进行交互和访问的Web标准。DOM定义了一系列的对象、方法和属性,用于访问、操作和创建文档中的内容、结构、样式以及行为。其本质是建立网页...

继续阅读 →