空间就全凭CSS的绝对定位实现位移了。在开始之前，我们练习一下setTimeout的递归用法（用来模拟setInterval）。 <div class="text" onclick="opacity(this,{duration:4.0,from:0.0,to:1})"></div> <div class="text" onclick="opacity(this,{duration:4.0,from:1.0,to:0})"></div> 但上面并不尽善尽美，有一个Bug。我们是通过短路运算符来决定是否使用默认参数还是我们传入的参数，但在javascript中，数字0甚至0.0都会自动转换为false。因此在第个例子，如果我们在to中传入0，它永远不会用到这个0，而是默认的0.5。解决方法让它变成字符串“0”。另，参数i也不是必须的，我们可以省去它，用count负责所有的循环，但这样一来，我们的思维就要逆过来想了。原来是加的，我们要变成减的。 <div class="text" onclick="new Opacity(this,{duration:4.0,from:0.0,to:1})"></div> <div class="text" onclick="new Opacity(this,{duration:4.0,from:1.0,to:0})"></div>