JQuery UI在gumroad.com中翻转文本

时间:2012-04-06 14:16:46

标签: javascript jquery html css jquery-ui

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

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

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

1 个答案:

答案 0 :(得分:6)

想出如何复制效果。在这里:http://jsfiddle.net/vyder/gmDRM/

基本上,诀窍是使包装器具有position:relative并且两个#content-type跨度具有position:absolute,因此当它们上下移动时它们一个在另一个上面

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

OCD重构了代码,使其更具可读性,并通过数组进行迭代。