0

正如您在我的博客中看到的那样，推特提要显示了大量推文。我需要将这个数字减少到只有 3-5 条推文。我已在 HTML 代码下方发布，但我可以看到任何参数，如“限制”、“数字”或类似的东西。事实是我没有太多关于编码的知识，所以如果你能帮助我并告诉我必须添加的内容，我将非常感激。

.TWITTER {
    overflow: hidden;
}

.TWITTER #tweets a, .TWITTER #tweets a:visited {
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #79a4ba;
    color: #ffffff;
    display: block;
    margin: 4px 0;
    padding: 10px;
}

.TWITTER #tweets .content {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

.TWITTER .TWITTER_bird {
    background: url('http://static.tumblr.com/l3zugnz/204kvwebe/twitterbird.png') no-repeat 0 0;
    height: 55px;
    margin-top: -10px;
    width: 200px;
}

.TWITTER .TWITTER_bird a, 
.TWITTER .TWITTER_bird a:visited, 
.TWITTER .TWITTER_bird a:hover {
    display: block;
    height: 55px;
    width: 200px;
}
4

2 回答 2

0

要指定要显示的推文数量，您可以将recent_tweets函数修改为：

function recent_tweets(data) {
    var tweetsToDisplay = 4;
    for (i=0; i <= tweetsToDisplay; i++) {
        document.getElementById("tweets").innerHTML =
            document.getElementById("tweets").innerHTML +
            '<a href="http://twitter.com/ramiroaznar/status/' +
            data[i].id + '"><div class="content">' + data[i].text +
            '</div></a>';
        }
    document.getElementById("twitter").style.display = 'block';
}

更改tweetsToDisplay您希望显示的推文数量。

于 2013-09-26T10:29:41.937 回答
0

推文流中应该有一个选项来限制推文的数量。诚然，我自己并不真正知道如何使用它，但一种选择是使用 CSS 在第三条推文之后隐藏所有其他推文：

CSS：

#tweets a:nth-child(n+4) {
  display: none;
}

基本上这是在说“选择所有a内部#tweets的第 4 名，并隐藏它”。

在这里查看它的实际应用。

唯一的缺点是并非所有浏览器都支持这一点。所以旧版本的 IE（我认为任何低于 IE8 的版本）仍然会显示所有推文。不过，现代浏览器会非常好。

于 2013-09-26T09:14:49.400 回答