2011-05-25 65 views
2

我的客戶正在他們的網站上要求自動旋轉的新聞饋送類型的東西。內容不會改變,但會自動從項目移動到下一個。它還將允許用戶將鼠標放在之前的項目上並將它們保持在原位。在網站上創建自動旋轉「新聞」Feed的最佳方式是什麼?

這是最好的,你對雅虎的個人網站查找型的事所示:

enter image description here

四個新聞條目會自動旋轉,但是當用戶把他們的鼠標一個(如圖所示) ,它將停止旋轉,只顯示一個,直到它們移開(然後它將繼續自動旋轉)。

我想我可以有很多使用Prototype和Scriptaculous $('item1').fade$('item2').appear型說大話的做到這一點,但我不知道是否有更好的方法,或代碼現有的位,我可以使用(這似乎是一個相當共同的東西,這些天)。

感謝您的任何提示或幫助!

回答

2

花了一些谷歌搜索找到一個,但是這看起來很像您提供的例子:

http://www.agilecarousel.com/flavor_2.htm

這裏有一些其他的,更簡單的旋轉木馬已經在野外已經出更長一點:

http://sorgalla.com/projects/jcarousel/

http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm

http://www.baijs.nl/tinycarousel/

希望這會有所幫助,祝你好運!

+0

+1啊!所以這些東西被稱爲旋轉木馬!謝謝你的提示。這些鏈接也看起來很有希望。那個最上面的那個和我的例子完全一樣,但不幸的是不太接近我需要實現的東西:)雖然這很好。這絕對有幫助! – 2011-05-25 14:56:21

+0

是的,旋轉木馬是魔術術語。我現在看到敏捷開發人員不會自動繼續自動滾動 - 如果我更聰明(或者有更多時間),我會破解代碼並告訴您如何添加代碼:D我很高興這有幫助。 – baraboom 2011-05-25 15:00:48

相關問題