使用谷歌jsapi的jQuery水平新聞行情

Question

我需要對該新聞行情進行一些更改，該新聞行情基於使用谷歌JSAPI的goldyberg的jquery水平newsticker：

http://inetwebdesign.com/jQueryTools/tickers/horizo​​ntal-news-ticker2/horizo​​ntal-news-ticker3.html

我有兩個問題：

1. 您如何限制被拉到div中的單詞數？ 現在，它太長了，它會包裹起來。

2. 如何將rss feed中的日期添加到顯示的字符串中？

這是我認為相關的代碼：

     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

Answer 1

1. 要限制單詞，請使用entry [i] .title
2. 要顯示日期，請使用entry [i] .publishedDate，在HTML文件上添加對Datejs開源JavaScript日期庫http://www.datejs.com的引用，然后修改提供的javascript。

演示在這里： http : //www.marlenynunez.com/files/jsapi/horizo​​ntal-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>'; 
        }