javascript - 像 gumroad.com 中的 JQuery UI 翻转文本

<分区>

我正尝试在我的主页中包含一系列文本短语，就像在本网站的主页中一样 www.gumroad.com .

从该站点我可以获得一个使用隐藏和放置并在文本之间切换的函数，但问题是:JQuery UI 在类“ui-effects-wrapper”中创建了一个中间 div，由于以下原因，它的宽度较小首先，文本出现在两行中，然后缩小为一行。

有谁知道有什么方法可以达到与上述网站相同的效果吗？

最佳答案

弄清楚如何复制效果。给你:http://jsfiddle.net/vyder/gmDRM/

本质上，诀窍是让包装器有一个 position:relative 和两个 #content-type span 有 position:absolute , 因此当它们上下落下时，它们会一个叠一个地出现。

~~(处理数组的方式仍然存在一个错误，修复它应该不难，我想我在删除和添加元素时有一些奇怪的逻辑)~~

OCD 重构了代码以使其更具可读性，并使遍历数组的迭代也能正常工作。

关于javascript - 像 gumroad.com 中的 JQuery UI 翻转文本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10044753/

相关文章：

javascript - TinyMCE 自动调整大小插件不起作用