2012-04-04 184 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