Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB DESIGN – JAVASCRIPT] Bubble Tooltips

  • Pocket
  • このエントリーをはてなブックマークに追加

Bubbleリンク部分にマウスオーバーした際にマウスポインタに追従する形でのToolTips。exampleのページ内でサンプルを見れます。ページ下部のdownloadのリンクからソースをDLできます。外部.jsファイルを置いて、HTMLヘッダとCSSに加筆すればオッケー。適用するdivとか選べるのかな? example内のソースでは特にrelやclass指定なしで適用されてますね。ToolTips内に表示されるテキストはtitle属性で指定したものが出るのでちょうどイイ感じ。
Bubble Tooltips >> | example >>

One thought on “[WEB DESIGN – JAVASCRIPT] Bubble Tooltips”

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください