JQuery UI在gumroad.com中翻转文本

Sha*_*anK 4 html javascript css jquery jquery-ui

我试图在我的主页上包含一系列文字短语,就像在本网站的主页 www.gumroad.com中一样.

从那个站点我可以得到一个使用hide和drop并在文本之间切换的函数,但问题是:JQuery UI在类"ui-effects-wrapper"中创建了一个中间div,其宽度较小,因此首先是文本以两行显示,然后缩小为一行.

有没有人知道如何达到与上述网站相同的效果?

Vid*_*dur 6

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

从本质上讲,诀窍是让包装器有一个position:relative和两个#content-type跨度position:absolute,所以当它们上下移动时,它们一个在另一个上面.

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

OCD重构了代码,使其更具可读性,并使迭代通过数组也能正常工作.