javascript - 添加RSS新闻片

Question

所以我找到了一个我非常喜欢的基于 rss 的新闻幻灯片。有没有办法将相同的新闻片放在我的网站上，以便他们的服务器自动更新？我<link>在 head 部分中找到了将新闻短片追溯到原始 rss 的元素。这有关系吗？

Answer 1

好的，我明白了。就个人而言，我是这样理解的。获取 RSS 提要，将其粘贴到 YQL 控制台中，获取 JSONP URL，然后使用 jQuery 解析它，如下所示：

$.ajax({
    //YQL JSON URL
    url: "http://query.yahooapis.com/v1/public/yql?q=select%20title%2Cdescription%2Clink%20from%20rss%20where%20url%3D%22http%3A%2F%2Fwww.usgs.gov%2Frss%2Fnews_description.xml%22&format=json",
    dataType: 'jsonp',
    jsonp: 'callback',
    jsonpCallback: 'cbfunc',
    success: function(data) {
        //narrow down WHAT you want
        var results = data.query.results.item;
        //loop through results and then append each item to #listnews selector.                 
        $.each(results, function(index, data) {
            $("#listnews").append("<li><a href='" + results[index].link + "'>" + results[index].title + "</a></li>");
        });
    }
});​

这是一个 jsfiddle 工作示例：http: //jsfiddle.net/Qpkpn/

我发现这在所有当前的浏览器中也有效......加上 IE8（我在 IE8 中遇到问题，直到 jQuery JSON 解析挽救了这一天）

将此添加到您的身体区域：

<ul id="loadnews"></ul>

然后，您需要为其添加某种滚动功能。

我看到了一个名为 jTicker 的代码，它也可能对你有用。