如何隱藏某些邊界之外的JavaScript動畫？

我是新來的JavaScript/jQuery的的沃爾德，但有這個奇妙的想法爲我的網頁的效果。讓我解釋一下佈局升技。如何隱藏某些邊界之外的JavaScript動畫？

我的網站被包含的包裝的div，它保證我的內容保持在1000像素內並且不管顯示器的寬度的中心的畫面上（假設監視器大於1000像素更大）。此內容包含目前用於顯示彩色圖像（1000x400px）的標題圖像，顯示網站/公司/等的標題。所以這個圖像是內容容器的寬度。

我認爲這將是涼爽的而不是該公司的圖像上設置的名稱，有它滾動從左到右，從右到左的圖像上。這可以通過使用jquery和animate（）函數（或接近它的函數）來完成。的問題是，一旦該網站標題已經滾動到所述網頁中的一個極端，它將溢出出1000x400px圖像和所述內容容器的外部 - 從而成包裝區域，這是一個簡單的灰色背景。

我的問題是，我不能概念化一種方法來隱藏背景包裝（這是一個簡單的背景，所以最低的索引可能）後面的滾動文本（這將由一個非常高的z-index代表）。我只希望在1000像素寬的內容容器上滾動的文本部分可見。任何人都會知道如何隱藏包裝背景的內容？我想也許重新創建包裝的背景與由內容容器的存在分隔的一些div;這個div會有最高的z-index，所以它會隱藏它疊加的任何東西。有沒有更好/更簡單的方法來實現這一點？

讓我知道，如果我沒了感覺:)

帕特

來源

2011-08-17 Prusprus

這不是一個答案......雖然我很想將它張貼爲一體。我會遠離滾動文本。人們鄙視它......幾乎和閃爍的文字一樣多。希望有所幫助。 –

不如滾動閃爍文字。 –

你可以檢查出HTML marquee元素，它不需要JavaScript，並且應該給你正在尋找的正確效果。我也同意Jason的觀點，並不是很多人喜歡滾動文字。 – Will

也許我失去了一些東西，但是，

如果滾動的文字是包裝DIV的孩子，則所有需要做的是應用的樣式溢出：隱藏;到包裝DIV。

來源

2011-08-17 04:33:31 martin

這是我還沒有想到的，我認爲它會起作用。我會嘗試一旦我開始工作，我會讓你知道它是如何:) – Prusprus

溢出：隱藏做到了。我本應該抓住這一點，但是要感謝你朝正確的方向發展。 – Prusprus

如何隱藏某些邊界之外的JavaScript動畫？

回答

相關問題