Browsing Category :
Element Highlight 是一个强调或突出元素的一个动画效果插件，默认情况下所有的同类元素都是不透明的，当我们的鼠标移动到某一个元素上时，就会与其它剩下的元素有区别，就会突出显示。
View Demo »
Download Files »
此实例用到了MooTools More 中的一个插件是Element.Delegation
Element.Delegation
(全文…)
Continue Reading »
最近，我开始关注Dojo了，Dojo是一个强大的面向对象JavaScript框架,既然我那么喜欢MooTools,也没理由不喜欢Dojo。与Dojo相比我对MooTools 和 jQuery 是比较熟的。这并不重要，不管使用什么样的语言，我们完成的任务是相同的，本质上的区别是使用的语法不同罢了。
接下来，我就来看一些不同JavaScript框架，如何使用一些基本的语法，来完成共同... Continue Reading »
保持同一容器中的所有元素之间具有相等的高度或相等宽度，可以使一个页面变的美观和整洁。遗憾的是，有的时候想保持同一高度或同一宽度的列或行是用CSS很难做到的。
我们就不得不借助JavaScript来实现此功能了。我这儿就给大家提供一个 ”元素等高或等宽的插件“，它的灵感来自 David Walsh (http://davidwalsh.name/mootools-equal-heights) 。
&nbs... Continue Reading »
我们习惯于把匿名方法应用于我们最喜爱的JavaScript框架中。这样一来，我就可以通过匿名方法的方式快速引用框架中的对象了。
The following pattern within jQuery code:
1
2
3
(function($) {
//your jQuery here, referenced by $
})(jQuery);
The following pattern within MooTools code:
1
2
3
4
5
6
7
8
(function($) {
//your MooTools here, referenced by $... Continue Reading »
如果你从来没有创建过MooTools class 的话，那么对你来说可能是一件很难的事。不过你不用担心，下面的代码就是一个MooTools class的模板，你可以复制、粘贴用来创建你自己的MooTools 类 。
Download
MooTools 1.2 Class Template
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var yourClass = new Class({
//实现
Implements: [Options],
//... Continue Reading »
简单的斑马纹表格，如果页面上有大量的表格数据时，隔行变色的斑马纹会帮助我们快速阅读，有利于用户体验。我们今天不讨论在动态语言中的方法，只讨论CSS，JavaScript，MooTools 是如何实现的，并有三种可行性方案。
我们的表格
The Html Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<table id="playlist" cellspacing=&qu... Continue Reading »
有那么多的人使用jQuery库，早已习惯它的语法格式了。
jQuery众多实用的方法用起来的确非常方便。
那么如何在MooTools中使用像jQuery一样的语法格式那？MooTools着重在延伸能力上，这意味着你可以做任何你想做的事情，这是jQuery没办法办到的。 MooTools可以模仿jQuery，但是jQuery没办法模仿MooTools，如果你想要用类别或是延伸的原生原型物件... Continue Reading »
MooTools最大的灵活性就是可以自由的扩展类，实际上确实有MooTools的plug-ins在帮你完成这些动作：jQuery syntax for MooTools。 MooTools着重在延伸能力上，这意味着你可以做任何你想做的事情，这是jQuery没办法办到的。 MooTools可以模仿jQuery，但是jQuery没办法模仿MooTools，如果你想要用类别或是延伸的原生原型物件等等MooTools的功能，你就得自己手动去... Continue Reading »
如果你查看过MooTools核心元素事件的源代码（Element.Event.js），您会看到下面的事件收集：
1
2
3
4
5
6
7
8
9
Element.NativeEvents = {
click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons
mousewheel: 2, DOMMouseScroll: 2, //mouse wheel
mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement
keydown: 2, keypress: 2, keyup: 2, //keyboard
focus: 2, blur:... Continue Reading »
我们写BLOG的时候，喜欢收藏一些好的文章，但是我们收藏的文章中的图片路径大多数是原来的路径，并没有保存到自己的目录中，这样会有图片断链的问题，图片元素就会空白站位，会影响网页的美观性，会给用户带来失落感，不信任感。想了一会儿，我决定最好一起删除的网页中破碎的形象。
下面你会发现使用MooTools或jQuery做此事是多... Continue Reading »
