jquery horizontal news ticker using google jsapi
jquery horizontal news ticker using google jsapi
我需要对这个新闻播报器进行一些更改,它是基于goldyberg的jquery水平新闻播报器,使用谷歌JSAPI:
http://inetwebdesign.com/jQueryTools/tickers/horizontal-news-ticker2/horizontal-news-ticker3.html
我有两个问题:
-
如何限制被拉入div的单词数量?现在它太长了,而且它包起来了。
-
如何将rss提要中的日期添加到显示的字符串中?
以下是我认为相关的代码:
parse: function(entries) {
var feedMarkup = '';
feedMarkup += '<ul>';
for (var i = 0; i < entries.length; i++) {
feedMarkup += '<li><a target="_blank"
href="'+entries[i].link+'">'+entries[i].title+'</a></li>';
}
feedMarkup += '</ul>';
$("#ticker-content").empty().append(feedMarkup).fadeIn(400);
$('#ticker ul
li:eq(0)').show();
current = $('#ticker ul li:eq(0)').index();
first = 0;
last = $('#ticker ul li').length;
提前感谢您的帮助。
谨致问候,umbre
- 要限制字数,请使用条目[i].title
- 要显示日期,请使用条目[i].publishedDate,添加对Datejs开源JavaScript日期库的引用http://www.datejs.com并修改提供的javascript
演示在这里:http://www.marlenynunez.com/files/jsapi/horizontal-news-ticker4.html
HTML文件:
<script type="text/javascript" src="js/date.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
scripts.js文件:
parse: function(entries) {
var feedMarkup = '';
var pubDate;
var titleText;
var splitText;
feedMarkup += '<ul>';
for (var i = 0; i < entries.length; i++) {
titleText = entries[i].title;
splitText = titleText.substring(0,60).split(" ");
titleText = splitText.slice(0, -1).join(" ") + '...';
pubDate = Date.parse(String(entries[i].publishedDate)).toString('MMM dd');
feedMarkup += '<li>'+pubDate+' | <a target="_blank" href="'+entries[i].link+'">'+titleText+'</a></li>';
}
相关文章:
- 如何在Google柱状图中动态添加行/列
- Google/html5语音识别JavaScript SDK Chrome网络工具包SpeechRecognition
- 使用Google Visualization动态调用构造函数
- Firebase2(Firebase.google.com)推送通知-从外部管理
- 是否可以控制获取哪些Google地图脚本(JavaScript API)
- 通过命令行/批处理文件打开页面时,将javascript代码注入Google Chrome
- Google Adsense多次加载脚本
- 单击超链接时,如何使用Google Maps API v3缩放地图
- Google电子表格getValue([cell containing ])不返回制表符
- 实现一个建立在google.com之上的自定义搜索引擎
- 使用Google Maps API向标记添加多个字符
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- 回调函数中传递参数的困难(Google Map API Markers)
- Google JSAPI 不会在 Drupal 7 中加载
- jquery horizontal news ticker using google jsapi
- 为什么=javascript_include_tag"//www.google.com/jsapi"本
- 使用Google JSAPI破坏了我的内场标签javascript,为什么以及如何修复它
- 如何避免加载Google jsapi阻塞网页加载
- & lt; HTML>自动设置内联样式,我想是由google的JSAPI设置的
- 无法访问Google JSAPI函数