如何使用Jquery获取推文?

时间:2010-10-05 11:37:33

标签: jquery

我需要使用Jquery在Twitter上显示新的推文。

1 个答案:

答案 0 :(得分:3)

jquery.tweet.js是一个很棒的插件。

启动和运行起来非常简单,只需下载相关文件并将以下内容添加到html中(理想情况下,js理想地位于外部文件中!)

<script type='text/javascript'>
    $(document).ready(function(){
        $(".tweet").tweet({
            username: "seaofclouds",
            join_text: "auto",
            avatar_size: 32,
            count: 3,
            auto_join_text_default: "we said,", 
            auto_join_text_ed: "we",
            auto_join_text_ing: "we were",
            auto_join_text_reply: "we replied to",
            auto_join_text_url: "we were checking out",
            loading_text: "loading tweets..."
        });
    });
</script>
<div class="tweet"></div>

它带有一些预定义的样式,但很容易添加自己的样式。

html输出是一个无序列表,包含偶数和奇数项的不同类,例如:

<ul class="tweet_list">
 <li class="tweet_first tweet_odd"> 
  <span class="tweet_text">[Tweet text]</span>
  <span class="tweet_time">about 21 hours ago</span>
 </li>
 <li class="tweet_even">
  <span class="tweet_text">[Tweet text]</span>
  <span class="tweet_time">about 22 hours ago</span>
 </li>
</ul>