Mootools 1.2系列教程目录

2008-10

Fdream 发表于 Ajax Web，已被阅读 22382 次，评论 25 条
关键词：mootools javascript ajax 教程

[ 阅读字体大小：大中小 ]

还是需要一个目录，那就做一个吧！

MooTools是近来仅次于jQuery流行的JavaScript框架，也是我一直比较喜欢的开发框架，最近也正在写MooTools 1.2的注释文档。本来自己也想写一些关于MooTools的教程来着，但是自己很懒，又担心自己写的不好，反倒误了初学者。正好今天无意在国外的论坛上看到这么一个blog，发现有这么一系列的教程，写的很好，很适合初学者和对MooTools完全不熟悉的人，于是决定全部中文化。

另外，此翻译版本已获得原作者支持，在其第一篇文章中已有本文链接。

Mootools相关链接：

官方网站：http://mootools.net
在线文档：http://mootools.net/docs/
官方博客：http://mootools.net/blog/
官方论坛：http://groups.google.com/group/mootools-users

您可能对这些文章也感兴趣：

与该文相关的评论：(我也想说几句)

liul 于 4/10/2009 3:46:26 PM 发表评论：

liul 于 4/10/2009 3:44:53 PM 发表评论：

<html>

<head>

</head>

<body>

var ClassA=new Class({

p1:'1',p2:'2',

initialize:function(param1){

this.name=param1;

fun1:function(){

alert(this.name);

fun2:function(fun2param){

this.name=fun2param;

}

});

var classaInstance=new ClassA('param1');

function test1(){

classaInstance.fun1();

}

function test2(){

classaInstance.fun1();

classaInstance.fun2('param-fun2')

classaInstance.fun1();

}

var ClassB=ClassA.extend({

initialize:function(name,p1,p2){

this.name=name;

this.p1=p1;

this.p2=p2;

testExtendFun:function(){

alert(this.name ' ' this.p1 ' ' this.p2);

}

});

ClassB.implement({

testImplementFun:function(){

alert(this.name ' ' this.p1 ' ' this.p2);

}

});

function test3(){

var clb=new ClassB('name1','p1','p2');

alert(clb.p1); //得到的结果为什么是1?

//clb.testExtendFun(); 报错,对象不支持的熟悉

clb.testImplementFun();//得到的结果为什么是 name1,1,2 而不是name1,p1,p2?

}

</script>

<button onclick="test1();">button</button>

<html> <head> <script type="text/javascript" src="mootools-1.2.1-core-nc.js"></script> </head> <body> <script type="text/javascript"> var ClassA=new Class({ p1:'1',p2:'2', initialize:function(param1){ this.name=param1; }, fun1:function(){ alert(this.name); }, fun2:function(fun2param){ this.name=fun2param; } }); var classaInstance=new ClassA('param1'); function test1(){ classaInstance.fun1(); } function test2(){ classaInstance.fun1(); classaInstance.fun2('param-fun2') classaInstance.fun1(); } var ClassB=ClassA.extend({ initialize:function(name,p1,p2){ this.name=name; this.p1=p1; this.p2=p2; }, testExtendFun:function(){ alert(this.name ' ' this.p1 ' ' this.p2); } }); ClassB.implement({ testImplementFun:function(){ alert(this.name ' ' this.p1 ' ' this.p2); } }); function test3(){ var clb=new ClassB('name1','p1','p2'); alert(clb.p1); //得到的结果为什么是1? //clb.testExtendFun(); 报错,对象不支持的熟悉 clb.testImplementFun();//得到的结果为什么是 name1,1,2 而不是name1,p1,p2? } </script> <button onclick="test1();">button</button>

Fdream 于 4/9/2009 9:29:04 AM 发表评论：

liul 于 4/8/2009 1:32:21 PM 发表评论：

请教大师,为什么我的代码在google的浏览器下能运行.在ie,FF下都不能运行呢.代码很简单.

<html>

<head>

</head>

<body>

var Cat = new Class({

initialize: function(name){

this.name = name;

}

});

var cat = new Cat ('kitty');

alert(cat.name);

</script>

</body>

</html

请教大师,为什么我的代码在google的浏览器下能运行.在ie,FF下都不能运行呢.代码很简单. <html> <head> <script src="mootools-1.2.1-core-nc.js"/> </head> <body> <script> var Cat = new Class({ initialize: function(name){ this.name = name; } }); var cat = new Cat ('kitty'); alert(cat.name); </script> </body> </html

Fdream 于 2/23/2009 8:59:06 PM 发表评论：

呃，没留意，自己找找看，这个要写一个也不难~

过客于 2/23/2009 1:31:24 PM 发表评论：

有没有mootools实现树视图的demo？

过客于 2/23/2009 1:29:49 PM 发表评论：

母兔儿死

Moon 于 2/21/2009 10:42:13 AM 发表评论：

Mootools 读音：目吐儿丝

Fdream 于 2/4/2009 10:11:25 AM 发表评论：

To Ali：关于这个在官方网站上有链接，你可以去看看，那些demo都是很有帮助的，你可以下载下来仔细看一下。

To moo：我也不知道，不过我把这个和tools一样的发音，哈哈~

To Ali：关于这个在官方网站上有链接，你可以去看看，那些demo都是很有帮助的，你可以下载下来仔细看一下。 To moo：我也不知道，不过我把这个和tools一样的发音，哈哈~