ツールチップ（吹き出し）を表示「simpleTooltip」
当ページのリンクには広告が含まれています。
スポンサーリンク
ツールチップ（吹き出し）を簡単に表示するプラグイン「simpleTooltip」を紹介します。
jQueryプラグイン「simpleTooltip」
jQueryプラグイン「simpleTooltip」は、アンカーテキストにマウスカーソルを重ねるとツールチップを表示するプラグインです。
スポンサーリンク
デモでは百人一首の上の句が書かれたアンカーテキストがあるので、マウスカーソルを重ねてみてください。
デモのソース（HTML + jQuery）
<!DOCTYPE html> <html lang="ja"> <head> <meta charset='utf-8'> <title>simpleTooltip - jQueryプラグインまとめのカルマ</title> <link rel="stylesheet" href="css/simpleTooltip.min.css" /> <script src="http://code.jquery.com/jquery-2.0.0.js"></script> <script src="js/simpleTooltip.core.min.js"></script> <script src="js/simpleTooltip.hp.min.js"></script> </head> <body> <h1>simpleTooltipのデモ</h1> <p>百人一首の上の句にマウスオーバーすると……。</p> <ol> <li><a href="#" data-hint="west" data-title="我が衣手は 露にぬれつつ">秋の田の かりほの庵の 苫をあらみ</a></li> <li><a href="#" data-hint="west" data-title="衣ほすてふ 天の香具山">春過ぎて 夏来にけらし 白妙の</a></li> <li><a href="#" data-hint="west" data-title="ながながし夜を ひとりかも寝む">あしびきの 山鳥の尾の しだり尾の</a></li> <li><a href="#" data-hint="west" data-title="富士の高嶺に 雪は降りつつ">田子の浦に うちいでてみれば 白妙の</a></li> <li><a href="#" data-hint="west" data-title="声聞く時ぞ 秋はかなしき">奥山に もみぢふみわけ なく鹿の</a></li> </ol> </body> </html>
その他、詳細はこちらからどうぞ。
» simpleTooltip
スポンサーリンク