我怎样才能做到这一点？ - Animate Quote's - JQuery

Question

请看这个图片：

我需要这样的东西，它会显示引用逐渐相互重叠。我不想使用闪存，我想让客户端更新尽可能简单。有没有人有任何建议？

Answer 1

我建议使用jquery animate，http://api.jquery.com/animate/或只是fadein，http://api.jquery.com/fadeIn/

根据需要旋转引号，使用z-index将它们置于彼此之上（别忘了添加position: relative或position: absolute），然后隐藏它们。

Css3旋转示例：

-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

如果你需要让它适用于不支持css3的浏览器，你可以在PS中旋转透明的.png：s。

关于逐句淡化引号，我会做这样的事情：

$(".quotecontainer img").each(function(index) {
    $(this).delay(400*index).fadeIn(300);
});