今日の人気記事

まだデータがありません。

ツールチップ(吹き出し)を表示「simpleTooltip」

当ページのリンクには広告が含まれています。

スポンサーリンク

ツールチップ(吹き出し)を簡単に表示するプラグイン「simpleTooltip」を紹介します。

jQueryプラグイン「simpleTooltip」

jQueryプラグイン「simpleTooltip」は、アンカーテキストにマウスカーソルを重ねるとツールチップを表示するプラグインです。

スポンサーリンク

デモでは百人一首の上の句が書かれたアンカーテキストがあるので、マウスカーソルを重ねてみてください。

「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

スポンサーリンク

関連記事(一部広告含む)