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

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

使用方法
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>
ツールチップライクに最新Tweetsを表示させられるJavaScript「Latest Tweets Tooltip with jQuery」サンプル

sponsors

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

記事作成:
記事URL:

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