[JS]jQueryで実装するテキスト・画像・サイトのツールチップ

CSS Globeのエントリーから、jQueryで実装するツールチップ3つを紹介します。

テキスト・画像・サイトのツールチップのキャプチャ

Easiest Tooltip and Image Preview Using jQuery

シンプルなテキストのツールチップ

ボックスにテキストを表示するツールチップです。ボックスはマウスに追従します。
デモ:テキスト

画像を拡大表示するツールチップ

画像ギャラリーのように画像を拡大表示します。キャプションは有り版・無し版があります。
デモ:画像

リンク先のサイトのキャプチャを表示するツールチップ

キャプチャ画像は自動取得ではなく、あらかじめ用意する必要があります。これもキャプションの有り版・無し版があります。
デモ:サイト

sponsors

top of page

©2018 coliss