2012-04-04 139 views
1

我需要一个jQuery的滚动滚动我的div与自动滚动功能。我正在寻找类似jCarousel的东西。jQuery的自动滚屏解决方案

enter image description here

但也有此限制。我想要的是哪一个;

1.滚动<div> s(或某些html元素)而不仅仅是图像。我可能会像下面的图片一样滚动。

Sample image

它是一个文字和图像的组合。

2.它应该自动滚动内容

滑块应MARQUE不断,不应倒回开头。在最后一个图像/内容之后,滑块不应该倒回(在相反的方向上)用于第一个图像/内容。

什么的jCarousel正在做的是在自动滚动模式,它显示了一组图像/内容的时间,停一停,然后立即显示下一组。我不想要这个,并且想要在循环中顺利地自动滚动内容。也就是说,第一个内容应该放在最后一个内容之后,在循环中。

我可以提供更多详细信息。只是发表评论。

有人得到我想说的,我想要什么,并建议我一个解决方案?

+0

你只是想滚动功能,或者你想要的是能够与内容互动,太? – 2012-04-04 17:18:48

+0

@JeffB我只想滚动内容。就这样。它可能支持某些我发布为图片的格式。该项目应该支持'href',以便我可以将它用作链接。 – 2012-04-04 17:22:40

回答

1

你可以在没有插件的情况下用一些相当简单的jQuery来做到这一点。

在这里看到一个例子,我放在一起的另一个答案:

http://jsfiddle.net/6Dxg6/

基本上,这个想法是你克隆一个包装的内容,然后不断的内容移动到右/左原始内容的宽度然后重置。适用于任何内容。

该代码甚至包括悬停停止功能。如果没有,代码简单一些:

http://jsfiddle.net/qJZtp/1/

+0

那真是太棒了......谢谢你......) – 2012-04-04 17:31:44