マウスホバーでツールチップにWikipediaの内容を表示させるjQueryプラグイン・wikiUp

スポンサーリンク

ちょっと需要あるかも?と思ったのでご紹介。Wikipediaの情報をツールチップとして表示させる、というjQueryプラグインです。日本語にも勿論対応しています。ヘルプにも使えるかもしれない。

Wikipediaの文章を抜粋してツールチップとして表示します。デモをどうぞ。

Sample

太文字にマウスホバーでツールチップが表示されます。

当たり前ですがWikipediaにないものは表示されません。

コード

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="wikiUp.js"></script>

コアとプラグインを読み込むだけ。あとはカスタムデータ属性を使えば表示されます。

日本の<data data-wiki='大正' data-lang='ja'>大正</data>時代の戲曲

data-wikiにキーワード、data-langに言語を指定すればOKです。

簡単に使えるのは素敵。

wikiUp

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services