ツールチップライクに最新Tweetsを表示させられるJavaScript「Latest Tweets Tooltip with jQuery」

コンテンツ内に多ユーザーを表示させたい時@anywhereのhovercardじゃちょっと物足りない・・・またTwitter検索の結果も表示させたい。
そんなあなたには、Latest Tweets Tooltip with jQueryがオススメです。
検索されたワードの最新Tweetsをインラインで表示させてくれますので、ユーザー名やハッシュタグなどで検索させると便利です。

使用方法

Latest Tweets Tooltip with jQueryからファイル一式をダウンロードします。


<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link type="text/css" href="jquery.ui.theme.css" rel="stylesheet" />
<link type="text/css" href="jquery.ui.core.css" rel="stylesheet" />
<link type="text/css" href="jquery.ui.resizable.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>	
<script type="text/javascript" src="jquery-ui-1.8.js"></script>
<script type="text/javascript" src="jquery.twitterpopup.js"></script>
<script type="text/javascript" src="jquery.twitter.search.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.class名').twitterpopup();
});
</script>

あとはclass名を以下のように記述すれば完成です。


<span class="twitter_search">skuare</span>

サンプル

skuareではjQueryを中心としてJavaScriptを紹介しています。

Javascriptサンプルページ一覧

skuare.net