最小化的Javascript< div>使用精灵效果？ [英] Javascript to minimize <div> using Genie effect?
问题描述
我想最小化一个盒子，就像Mac上的精灵效果中的popup popin一样，我找到了jQuery Transfer 效果要接近，但还不够，它只绘制轮廓并且实际上没有涂抹物体，有没有办法模仿精灵最小化Mac的效果？
I'd like to minimize a box, much like a popup popin in genie effect on a Mac, I found jQuery Transfer effect to be a close, but not quite enough, it only draws an outline and doesn't actually smear the object, is there a way to mimic the genie minimize effect of Mac?
谢谢。
推荐答案
纯DOM操作无法实现此效果。元素的流和形状由浏览器的渲染引擎确定。您可以应用CSS3转换，但即使这只限于实现此外观所需的组合步骤的子集。但是，如果您可以处理Flash作为此解决方案的一部分，您还有更多选择：
This effect will not be possible with pure DOM manipulation. The flow and shape of an element is determined by rendering engine of the browser. You can apply CSS3 transformations but even this is limited to a subset of the combined steps you would need to achieve this look. However if you could handle Flash being part of this solutions you have many more options:
这个例子让我好斗（最好的Hello World！）：
This example is cracking me up (best Hello World ever!):
http://swingpantsflash.com/genie_transition/genietransition .html
这篇关于最小化的Javascript< div>使用精灵效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
