这几天在用java写一个小的web应用，应用了YUICompressor的开源代码来压缩服务器上的js和css代码，然后返回给客户端。不过我的开发方式也很诡异：自己用两台机器，一个Windows Server 2003，上面有IIS 6、Apache 2和Tomcat 6，基本上开发的时候都用这台机器，另外还有一台机器，装了个英文版的Ubuntu，上面有Apache 2.2和Resin 3，后来装上的时候才知道Resin 3本来就支持PHP了，不过据说不是很好用。
第一次在Ubuntu上装的是jdk 1.6.0.0，我的window 2003上是jdk 1.6.0.7，windows上跑的很好的jsp，编译后放到ubuntu上死活都跑步起来，抛出的异常也是莫名奇妙。后来又在windows上用1.5编译了一遍，再放上去，还是跑不起来。找人帮忙看了一下，建议我装个jdk 1.5试试。于是重新在Ubuntu上装了个jdk 1.5.0.14，居然好了……
后来折腾了一下resin的urlrewrite，发现倒是很方便的。不过由于我把Apache和resin整合起来了，php的请求也会被转发给resin处理，于是Apache的url重写和resin的url重写就这么混了……不过后来想了个招：要是需要给resin的web目录的请求就直接全部重写给resin处理好了。
在我的两台机器上都调试好了，转到内网的一台测试机上再测...
主界面，风格大变，看起来比以前很清爽一些，注意分组格局：Favorite——用来收藏常联系或者比较亲密的朋友，Groups——这个就是传说中的群了，再往下面就是自定义分组了。建了两个群，抢了两个还行的域名：http://actionscript3.groups.live.com/ 和 http://mootools.groups.live.com/，其他都被人捷足先登了...
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天我们来学习一下Fx.Elements插件，这是一个基于Fx.Morph的插件。与应用于单个元素不同的是，Fx.Elements可以允许你一次性给多个元素添加动画。这在你给多个元素添加有相同选项的形变动画时非常有用。就像我们在第20讲中看到的最后一个例子一样。
基本用法
使用Fx.Elements的方法看起来和Fx.Morph差不多。这两者之间的区别在于.start({})方法和.set({})方法。
为了保证事情简洁，让我们首先建立一个元素数组，以用来传递给Fx.Elements。
var fxElementsArray = $$('.myElementClass');
现在我们就可以把我们的数组传递给Fx.Elements对象了...
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
Fdream注：原文好像少了一部分，因此我自作主张地补充了下面这一段及BaseClass的代码。
在今天的教程中，我们将主要学习一下MooTools中类的实现和继承（扩展）。通过实现和继承，我们可以在子类中使用父类的方法，而不需要再重新声明和实现相同的方法。MooTools中的Class类可以帮助我们轻松地做到这一点。首先，我们定一个基类（base class）。
var BaseClass = new Class({
// 定义一个方法testFunction
// 这个方法弹出一个对话框
testFunction : function(){
alert('This function is defined in BaseClass');
}
});
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天将不只是受限于这个库和一些基本的编程知识，我们来做一个简单的小项目。通过使用我们目前为止已经学过的一些知识，有几种方式来创建当鼠标移上去或者点击时显示相应内容的tab。
简单的“额外信息”标签（TAB）
鼠标移上去显示内容的TAB
在这第一个项目中，我们要创建一个简单的菜单，当鼠标移动到这些菜单上时显示相应的内容。首先，我们来完成HTML代码——我们就用包含四个列表项的ul好了，然后再创建四个div（每一个div对应一个列表项）：
// 这里是我们的菜单
<ul id="tabs">
<li id="one">One</li>
<li id="two">Two</li>
<li id="three">Three</li>
<li id="four">Four</li>
</ul>
// 这里是我们的内容div
<div id="contentone" class="hidden">content for one</div>
<div id="contenttwo" class="hidden">content for two</div>
<div id="contentthree" class="hidden">content for three</div>
<div id="contentfour" class="hidden">content for four</div>
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天我们将来看一下MooTools绑定的Tooltip插件。通过“提示（Tips）”，你可以轻松地自定义一个包含一个标题和内容的工具提示，可以自定义样式，自定义淡入淡出渐变效果。我们还将仔细学习一下工具提示的选项和事件，还有一些用来从元素上添加和移除工具提示的工具。最后，我们将学习一下怎么让一个页面有多个不同样式的工具提示。
基础知识
创建一个新的工具提示
创建一个新的工具提示非常简单。首先，我们来创建一个要添加工具提示的链接：
<a class="tooltipA" title="1st Tooltip Title" rel="here is the default 'text' of 1" href="http://www.consideropen.com">Tool tip 1</a>
如果你还没有准备好开始这一讲，请参考这一系列的教程，这里是《MooTools 1.2系列教程目录》。
今天我们将讲一下用MooTools来创建和使用类的一些基本知识。
简单地讲，一个类就是一个容器，这个容器包含了一些变量集合和操作这些变量的函数，以便实现特定的功能。在一个内容牵涉较多的项目中，类会显得难以置信的有用。
变量
在前面一系列的课程中，我们已经学习过了Hash对象中键值对（key/value pair）的使用方式，因此，下面的这个例子中创建了一个类，它只包含了一些变量，你看起来可能会觉得非常的熟悉：
// 创建一个名为class_one的类
// 包含两个内部变量
var Class_one = new Class({
variable_one : "I'm First",
variable_two : "I'm Second"
});
浏览器的战争已经是硝烟弥漫了，无论是新生者Chrome，全新的Firefox 3，还是没有完全出来的IE8，还有宣传不够却很强大的Opera，还有Apple的Safari……等等等等，他们之间的针锋相对已经是越来越明显了，无论是从用户角度还是从开发者角度，每个浏览器都在不断地创造和超越着，浏览器的发展从来没有像现在这样地迅速过。
浏览器显然已经成为这个时代的宠儿，就连搜狐都忍不住要在这个时候插入进来，搜狐王小川说将于年内推出网页浏览器。
而出于对丰富互联网应用的需要，解决ActiveX不能夸平台的问题，Google似乎有一统浏览器插件标准的意思。在刚刚推出Chrome不久以后，再次来了一个大手笔——［url=http://www.cnbeta.com/articles/71827.htm］推出了Native Client（开源项目地址：http://code.google.com/p/nativeclient/），目前支持Google Chrome, Firefox, Safari 和Opera，而唯一不支持的就是IE。这样的格局确实比较囧——因为现在的IE用户是在是太多太多了...
2008-12
2008-12
用户中心
日志分类
最新日志
最新评论
统计信息
图标集合
友情链接