javascript - 使用 CSS3 过渡效果立即淡出和淡入

Question

我有问题。

我想立即淡出我的方 block (点击按钮后)，然后用延迟时间慢慢淡入。

这是我的示例 fiddle :

http://jsfiddle.net/qFYL7/6/

我改变了类(class)，但恐怕这不是正确的方法:

 my_square.className  = 'dim_fast';
 my_square.className = 'square';

感谢您提供的任何帮助!

Answer 1

好吧，在您的函数中，您正在将类更改为 dim_fast，然后立即返回到没有转换的 square:)

所以，删除:

my_square.className = 'square';

或者至少附加第二类:

my_square.className = 'square dim_fast';

---

要淡出正方形，然后在一定时间后淡入，可以使用 setTimeout。 Example