4

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

从那个站点我可以得到一个使用隐藏和删除并在文本之间切换的功能,但问题是:JQuery UI 在这个类“ui-effects-wrapper”中创建了一个中间 div,它的宽度较小,因此首先文本出现在两行中,然后缩小为一行。

有没有人知道任何方法可以达到与上述网站相同的效果?

4

1 回答 1

6

想出了如何复制效果。给你:http: //jsfiddle.net/vyder/gmDRM/

本质上,诀窍是使包装器具有 aposition:relative并且两个#content-type跨度具有position:absolute,因此当它们上下下降时,它们会出现在另一个之上。

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

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

于 2012-04-08T17:13:21.353 回答