开发手册 欢迎您!
软件开发者资料库

MooTools - 程序结构

MooTools程序结构 - 从简介,安装,程序结构,选择器,使用数组,函数,事件处理,DOM操作,样式属性,输入过滤,拖放,正则表达式,期刊,滑块,可排序,手风琴,工具提示开始学习MooTools ,选项卡式内容,类,Fx.Element,Fx.Slide,Fx.Tween,Fx.Morph,Fx.Options,Fx.Events。

MooTools是一种可用于设计面向对象模型的工具.让我们在本章中讨论一个MooTools库的简单示例.

示例

这里我们将使用Class设计一个名为Rectangle的模型.为此,我们需要声明属性 - 宽度和高度.

查看以下代码,并将其保存到sample.html中.

                                    var Rectangle = new Class({            //properties            width: 0,            height: 0,                        //methods            initialize: function(widthVal, heightVal) {               this.width = widthVal;               this.height = heightVal;            },            details: function() {               document.write("Welcome to MooTools demo program");               document.write("Width: "+this.width+" Height: "+this.height);            },         });         var rec = new Rectangle(5,4);         rec.details();                     

您将收到以下输出 :

输出