jQueryでtwitterで@がついたのを表示するプラグイン「Twitter Mentions」

twitter系のJavaScriptではタイムラインを表示するケースが多くなっています。
そんな中、jQuery Twitter Mentionsは、@でリプライされたものを表示してくれます。

使用方法

Plugins | jQuery Pluginsからファイルをダウンロードします。


<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.twitter.mentions.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#id名').twitterMentions(
    	['skuare','id名'],{ 
		avatar : true, //アバターを表示
		maximum : 20, //最大表示件数
		ulClass : 'twitter-mentions', //クラス名
		odd : true, //偶数行の
		oddClass : 'odd' //クラス名を設定
	});
});
</script>

あとは、上記指定のid名を記述すれば表示されます。


<div id="content"></div>

デザイン部分はCSSで調整します。

サンプル

Twitter reactions

Javascriptサンプルページ一覧

skuare.net