[解決済み] HTMLのマウスオーバーツールチップを作成する最も簡単な方法は何ですか？

質問

JavaScriptを使用せずに、HTMLのマウスオーバーツールチップを作成する最も簡単でクリーンな方法は何でしょうか？

<img id=Pennstate src="/blah" style="cursor:pointer;">

にマウスオーバーすると、素敵なツールチップ "私たちはPennstateです！ "が表示されます。

解決するには？

最も簡単な方法は、ネイティブの HTML title 属性 :

<img src="https://stackoverflow.com/favicon.ico"
     style="cursor:pointer;"
     title="Stack Overflow">

しかし、もっと必要な場合は ツールチップ ウィジェットは、jQuery UIがバージョン1.9から提供しています。