Question

我正在一个网站上工作，在那里我找到了一个jQuery插件，在那里滚动一个宽图像来定位标题。但是我想让它变得更加动态，所以我不想使用图像而只想显示H1标签。

原始代码行是：

$('h1').stop().animate({backgroundPosition: '(-980px 0px)'}, $speed );

CSS是：

#header h1
{
    width:940px;
    margin:0 auto;
    text-indent:-9999em;
    overflow:hidden;
    background:url("../images/h1_title.png") no-repeat 0px 0px;
}

我想删除图像和文本缩进，只显示H1标题，但是当我这样做时，它只是更改H1而不是像图像那样滚动。

有没有办法“转换”上面的jQuery代码来处理H1文本？我想应该删除背景位置，只需“滚动”并在H1中滑动。

如果我对自己解释不好，请说出来，我会尽力澄清。

施
- 梅斯蒂卡

Answer 1

在overflow: hidden上设置h1，然后将文本节点放在div中，并为其left属性设置动画。

Answer 2

当然，它不是“滚动”。如果你给出animate（）参数：

animate({backgroundPosition: '(-980px 0px)'}, $speed )

它将“滚动”背景位置。对于文本效果，您应该考虑使用文本“进行一些滚动”的其他效果，例如修改其位置或使用某些块级jquery effects。

如何使用.animate文本而不是图像？

2 个答案: