在网站上创建自动轮播“新闻”Feed的最佳方式?

时间:2011-05-25 14:34:16

标签: php javascript html css

我的客户要求在其网站上自动轮播新闻Feed类型。内容不会更改,但会自动从项目移动到下一个项目。它还允许用户将鼠标悬停在之前的项目上并将其固定到位。

最好通过您在雅虎主页上找到的内容类型来显示:

enter image description here

这四个新闻项目将自动旋转,但是当用户将鼠标放在一个(如图所示)时,它将停止旋转并显示一个,直到他们将其移开(然后它将继续自动旋转)

我想我可以使用Prototype和Scriptaculous在很多$('item1').fade$('item2').appear类型的malarky中做到这一点,但我想知道是否有更好的方法,或者我可以使用现有的代码使用(这些日子似乎很常见)。

感谢您的任何提示或帮助!

1 个答案:

答案 0 :(得分:2)

稍微使用Google搜索,但这看起来与您提供的示例完全相同:

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/

希望这会有所帮助并祝你好运!