日本語ドキュメント：Twitterの Hover Cardを実装するjQueryプラグイン twttrFloatTip | 5509(+1)

This is a jQuery plugin that display twitter user statuses on a tooltip like "Hover Card" that is twitter's official function.

Demo and Download demo files

Live demo

Download demo files

Install

1. Load twttrFloatTip.css, jQuery and twttrFloatTip.js

<link type="text/css" rel="stylesheet" href="css/twttrFloatTip.css" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load('jquery','1.4.2');</script>
<script type="text/javascript" src="js/twttrFloatTip.js"></script>

2. Decide target elements

<a href="http://twitter.com/dotcoder" class="tw">dotcoder</a>

3. Execution

jQuery(function($){
 $('a.tw').twttrFloatTip();
});

How to use

Screen shots

Demo and Download demo files

Live demo

Download demo files

Spec

Using JSONP to receive datas.

To cache receiving datas until reloading page.

Inline "Hover Card" is unpopulated.

Usernames and URLs in the latest tweets are linked.

Author

Special Thanks