【发布时间】:2012-10-23 16:30:18
【问题描述】:
所以我找到了一个我非常喜欢的基于 rss 的新闻片幻灯片。有没有办法将相同的新闻片放在我的网站上,以便他们的服务器自动更新?我在 head 部分找到了 <link> 元素,该元素将新闻短片追溯到原始 rss。和这有关系吗?
【问题讨论】:
标签: javascript jquery html xml rss
所以我找到了一个我非常喜欢的基于 rss 的新闻片幻灯片。有没有办法将相同的新闻片放在我的网站上,以便他们的服务器自动更新?我在 head 部分找到了 <link> 元素,该元素将新闻短片追溯到原始 rss。和这有关系吗?
【问题讨论】:
标签: javascript jquery html xml rss
好的,我明白了。就个人而言,我是这样理解的。获取 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 的代码,它也可能对您有用。
【讨论】: