Question

我想模仿“热门新闻标题”部分，是html 5还是jQuery？如果有人知道他们使用了什么，那将会很棒。

它具有这种惊人的淡入淡出效果，希望我想要获得非常好的定时淡入淡出效果。

Answer 1

这些都不是。他们使用prototype和scriptaculous javascript框架。该站点使用AJAX加载RSS stream with the news，然后使用原型解析它并在屏幕上显示。连续的新闻切换是一个简单的旧window.setInterval电话。并且here's the script本身。

Answer 2

jQuery的InnerFade插件应该可以满足您的需求。

Answer 3

使用jQuery这很容易。

var div = $('#newsdiv').hide(),
    news = ['Top news 1', 'Another top news ', 'Yet another top news'],
    arrl = news.length,
    counter = 0;
function topNews() {
    div.fadeIn(1000).delay(1000).fadeOut(1000, function() {
        topNews();
    }).text(news[counter++]);
    if(arrl<=counter){counter = 0}
}
topNews();

检查http://jsfiddle.net/xxt5F/1/

处的工作示例

Apple.com热门新闻头条

3 个答案:

检查http://jsfiddle.net/xxt5F/1/