hoverしたらリンク先の抜粋とアイキャッチ画像が表示されるようにしたい

Question

知りたいこと

Wikipedia で実装されているような、hover したらリンク先の抜粋とアイキャッチ画像が表示されるようにしたいです。
これってどうやればできるんですか？
参考サイトなどあれば教えてください。

実装したいもののスクリーンショット

単語のリンク、例えば、「ウィキペディア」をhoverすると、
リンク先の抜粋（？）と、アイキャッチ画像が表示されます。

参考したサイトのリンク

ウィキメディア財団

想定したデバイス

PCのみでできればOKです。
スマホやタブレットは想定していません。

Comments

[yambejp]

具体的にどの部分のことでしょう？端末の種類（PC/スマホ？）やブラウザなども提示されるとよいかと

[i.am.chutohanpa]

レスありがとうございます。慣れて無くて申し訳ありません。質問をより詳細に書きました。

Answer 1

1. ホバーを検知（js:イベント）
2. 当該用語を取得（js:DOM）
3. APIに問い合わせ（js:Ajax）
4. データを検索して返送（サーバ側）
5. データ受領、吹き出し作成（js）
6. アニメーションして表示（js/CSS）

Comments

[i.am.chutohanpa]

回答ありがとうございます。
1，2，5，6，は問題なくできそうですが、
3と4がわかりません。
どういったAPIを使用すれば実現できるでしょうか？

[kei344]

公開されているAPIが有るものならそれで出来ますが、なければ自前で作成する以外ありません。回答はあくまでWikipediaの仕組みについて提示しただけです。

[i.am.chutohanpa]

回答ありがとうございます。