moootools的demo例子

链接是  http://demos111.mootools.net/

所有的例子，除了“ domready vs load ”，其js代码都是包含在window.addEvent('domready',function(){

//js code here

});

中。

Ajax     通过Ajax类，获取其他url的返回结果，更新当前页面的内容

Ajax.advanced     使用更多options的ajax例子

Ajax.form     使用Ajax提交form表单

Ajax.timed   定时调用（ periodical）

Asset.css    快捷的改变页面的css样式

Asset.images    轮换的显示图片

chain        通过chain顺序的改变页面的内容、样式等

chain. periodical    不使用fx，通过chain依次添加图片

domready vs load     两种方式的比较（没太懂）

drag.absolutely      拖拽事件的处理（chrome上看不了）

drag.cart            也是拖拽的

dragdrop             还是拖拽

element.event        为textarea添加不同的事件，包括不同的延时（其中focus、keyup是系统事件，burn是自己添加的事件）

mootools定义的原始事件：Element.NativeEvents=["click","dblclick","mouseup","mousedown","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","keydown","keypress","keyup","load","unload","beforeunload","resize","move","focus","blur","change","submit","reset","select","error  ","abort","contextmenu","scroll"];

fx.elements          通过$$("#kwicks .kwick")形成数组，通过fx控制样式

fx.morgh             Morphs an element to the properties of a specified className.

fx.scroll            在elements里面移动位置，通过css控制

fx.slide             水平或垂直的滑入、滑出

fx.style             fx style 实现mouseenter事件，效果

fx.transition        拖动、点击鼠标移动

group                同时处理一组请求，将返回值用title的方式显示

Hash.cookie          存储复杂的类型

Json.remote          json格式的远程调用，跟ajax那个有点像

mousewheel           检测鼠标滚轮方向

mouserwheelcustom    自定义一些事件，通过Element.Events.extend

periodical           定时事件

resizable            elements的makeResizable方法，改变元素大小，可以给很多参数

scroll               鼠标滚动事件

slider               不同样式的滚动条

sortable             据说自动生成颜色等，使用Sortables类

tips                 浮动窗口