FacebookのLikeboxみたいなTwitterウィジェットが実装出来るjQueryプラグインがあったのでサンプルを作ってみた。

Twitter Follow Box

かなり簡単なので、あまり説明することはない為、コードだけ貼り付けてみました。

コード

プラグインを読み込みます。


<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script src="jquery.followbox.min.js" type="text/javascript"></script>

適当にHTMLをマークアップします。（空で）

<div id="default"></div>

<div id="dark"></div>

プラグインを実行するコードをチョロッと書く


$('#default').followbox({
    'user' : 't_macki'
});

$('#dark').followbox({
    'user'   : 't_macki',
    'width'  : 865,
    'height' : 250,
    'theme'  : 'dark',
    'border_color' : '#AAA',
    'bg_color' : '#999',
    'bg_image' : '',
    'title_color' : '#3B5998',
    'total_count_color' : '#333',
    'follower_name_color' : '#BBB'
});

これだけ。
以下が実行した時の画像。

色々設定出来る項目があるみたいだけど、適当にソース読んでください。

作成したサンプルはここ

http://sample.b-prep.com/Followbox/index

Twitter Follow Box Widget